設置寬度爲100％時計算圖像高度

Question

當您使用width="100%"時，如何計算圖像的「使用/確定」高度。我需要這個來確定是否使用width="100%"或設置最大高度爲n px。這是因爲圖像越來越大，他們的盒子（div）。

我想提前計算，而不是在瀏覽器中顯示圖像後調整圖像大小。 （該方案在產品佈局中）。

Answer 1

如果高度是限制，爲什麼不使用高度作爲調整圖像大小的屬性呢？

如果this support就足夠了，你可以使用max-height和height：

img { 
    height:100%; 
    max-height:115px; 
} 

例如：http://jsfiddle.net/JdQK6/

你會的最大高度設置爲你想要的形象是最大高度。