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

时间:2011-01-21 19:07:29

标签: html css image

在Firefox中,使用<img width="50%" height="50%" src="derp.jpg" />似乎没问题,但任何其他浏览器都无法按照我想要的方式识别它。有没有更好的方式使用CSS设计样式?谢谢!

2 个答案:

答案 0 :(得分:2)

您应该避免使用元素的heightwidth属性。如果你的样式绝对必须是内联的,你可以这样做:

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

但是,使用百分比调整大小与父元素相关:如果img的父元素没有规定大小,则结果会有很大差异。

答案 1 :(得分:1)

你可以尝试使用max-height和max-width样式的css