Chrome/Safari支持IMG高度/宽度的百分比方式？

Question

在Firefox中，使用<img width="50%" height="50%" src="derp.jpg" />似乎没什么问题，但其他任何浏览器都不会以我想要的方式识别它。有没有更好的方式来使用CSS设计这个样式？谢谢！

Answer 1

您应该避免使用元素的height和width属性。如果你的造型绝对必须内联，你可以这样做：

<img src="derp.jpg" style="width:50%;height:50%" /> 

然而，上浆用百分比是相对父元素：如果您img的父元素没有指定尺寸，你的结果会有所不同疯狂。

Answer 2

你可以尝试CSS，使用最大高度和最大宽度样式