设置宽度为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/

你会的最大高度设置为你想要的形象是最大高度。