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，使用最大高度和最大寬度樣式