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

Question

使用width="100%"時，如何計算圖像的“使用/確定”高度。 我需要它來確定是否使用width="100%"或將高度設置為最大n px 。 這是因為圖像的框（div）變大了。

我想預先計算，而不要在將圖像顯示在瀏覽器中后調整其大小。 （該場景位於產品布局中）。

Answer 1

如果高度是極限，為什么不同時使用height作為調整圖像大小的屬性？

如果此支持足夠，則可以使用max-height和height ：

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

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

您可以將max-height設置為想要圖像的最大高度。