Html 设置宽度100%时计算图像高度

使用

width=“100%”

时，如何计算图像的“已使用/已确定”高度。我需要它来确定是否使用

width=“100%”

或设置最大高度

n px

。这是因为图像对于它们的盒子（div）越来越大

---

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

如果高度是限制，为什么不使用高度作为属性来调整图像大小

如果足够，可以使用

max height

和

height

：

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

例如：

---

您可以将“最大高度”设置为希望图像达到的最大高度。

您能给出一个JSFIDLE或类似布局的工作示例吗？您事先知道图像的纵横比吗？这是一个完美的解决方案。我添加了als的宽度和最大宽度，以正确处理横向图像。谢谢大家!+1并接受。也许CSS应该是简单解决方案的缩写；）