仅在流体视网膜<img/>标签上使用宽度是否安全

Question

让<img>标记在视网膜显示屏上良好显示的标准解决方案是将图像尺寸加倍，并将原始width=和height=属性放在标记上以压缩它一直到大小。

我正在进行流畅的布局，我在媒体查询中有各种img { min-width: xx%; }样式。问题是，当height=上有<img>属性但max-width生效时，图像宽高比会变得扭曲，因为高度仍然受到尊重。

高分辨率视网膜解决方案是否有任何原因只能使用width=属性？

这样就可以自动计算img高度。它似乎有效但我无法找到有关仅使用width。

的任何其他信息

Answer 1

你试过吗

img { 
min-width: xx%; 
height: auto;
}  

在你的CSS中

？