如何讓兩張照片的高度相等？

Question

當我的照片具有相同的高度時，但是當製作圖片時，出現了問題。圖片無法保持高度。

我不認爲這是一個簡單的問題給我。

我不明白爲什麼圖片具有相同的高度，不能通過瀏覽器渲染等高。

這裏是jsfindle。

the effect with no pictures

但是當我把圖片IMG：SRC，事情變得糟糕。

畢竟，我想它做等於視圖，雖然不同的設備，不僅pc.But，...

我百思不得其解，這有什麼意義這個問題？

Answer 1

在此示例中，您將FRAME的高度設置爲35，並且不會從一個div更改爲下一個div。 CSS中沒有爲圖片設置高度，但MAX-HEIGHT是高度，因此高度可以更改，但不會超過最大高度。與寬度相同，沒有設置。

當您更改html標籤的高度時，html會保留圖片大小的限制。如果除去20％的高度，它將自動除去20％的寬度，除非通過設置所需的寬度告訴它不要。

試試這個：

<div class="frame"> 
    <img src="http://jsfiddle.net/img/logo.png" height="250" width="250" /> 
</div> 
<div class="frame"> 
    <img src="http://jsfiddle.net/img/logo.png" height="25" width="250" /> 
</div> 

高度將發生變化，但寬度不會。但當然寬度有它的最大寬度設置爲160px，所以即使這個HTML代碼說250，它仍然不會超過160.

我認爲這是你問的，如果不是，那麼我道歉。