我從一個第三方介面取得了一張圖片。當我把圖片嵌入到我的頁面的時候，發現圖片太大了。 直接調整div大小不起作用，圖片還是那麼大。請問有什麼辦法可以調整圖片顯示的大小嗎？
圖片是動態取得的，也就是說刷新頁面就會取得一張新的圖片。所以重新裁圖片解決不了問題。
html原始碼如下
<div class="row">
<div class="col-md-4">
<div class="panel panel-primary">
<img src="http://abc.jpeg"></img>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-primary">
<img src="http://abc.jpeg"></img>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-primary">
<img src="http://abc.jpeg"></img>
</div>
</div>
</div>你可以在試一試bootstrap的圖片自響應類
<img class="img-responsive" src="http://abc.jpeg" />
，如果還解決不了的話，就只能入樓上所說，加width跟height限定了
<img style="width=100px; height=100px" src="http://abc.jpeg" />
css裡面寫
.panel img{ width:你期望的宽; height:你期望的高}你不應該調div的大小，而是調img標籤的大小才對。
如果是取得人家的圖片，那表示圖片的長寬都不確認，大小也不確定，如果採用img限定長寬，你會踩坑的。
最好的方法是調整.panel的長寬，同時
.panel img{max-width:100%;max-height:100%;}以上是html中圖片調整大小問題解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
