设置宽度100％时计算图像高度

Question

使用width="100%"时，如何计算图像的“已使用/已确定”高度。我需要这个来确定是否使用width="100%"或设置最大为n px的高度。这是因为他们的盒子（div）的图像变得很大。

我想提前计算，不要在图像显示在浏览器后调整图像大小。 （场景采用产品布局）。

Answer 1

如果高度是极限，为什么不使用height作为调整图像大小的属性呢？

如果this support已足够，您可以使用max-height和height：

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

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

您可以将max-height设置为您想要图像的最大高度。