垂直圖像比父div大

所以我查了其他帖子，但沒有答案幫助了我。所以我有一個div內的圖像。我把div的特定高度/寬度大小顯示出div的比率，而裏面的圖像更高，所以它總是超出div的範圍。垂直圖像比父div大

我想讓圖像更小，使其垂直高度與div相同，寬度也會相應調整。誰能幫忙？

<div class="intro-pic" style="height: 343px; ; width: 614px; overflow: hidden 
 
;"> 
 
    <div> 
 
    <img src="http://i.imgur.com/IMDdLW9.png" title="user engagement" style="width: 100%;" /> 
 
    </div> 
 
</div>

來源

2017-06-14 PaulThunder

max-height：343px; max-width：614px;對於img – tech2017

該div是響應式的，我只是不知道如何設置div的比例大小。 jsfiddle中的大小是一個示例大小。我需要圖片響應div大小。 – PaulThunder

試試這個：

<div class="intro-pic" style="height: 343px; ; width: 614px; overflow: hidden 
 
;"> 
 
    <img src="http://i.imgur.com/IMDdLW9.png" title="user engagement" style="height: 100%;"> 
 
</div>

來源

2017-06-14 14:29:44

額外的div也防止IMG利用其母公司的CSS屬性。這是沒有必要的。 http://jsfiddle.net/2q94nfq6/1/

<div class="intro-pic" style="height: 343px; ; width: 614px; overflow: hidden 
;"> 
    <img src="http://i.imgur.com/IMDdLW9.png" title="user engagement" style="height: 100%;width: 100%;" /> 
</div>

來源

2017-06-14 14:30:14 tech2017

如果要定義在像素的DIV那麼你應該使用CSS的最大寬度屬性下的風格。 max-width屬性用於設置給定元素的最大寬度。

來源

2017-06-14 14:48:13

垂直圖像比父div大

回答

相關問題