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を試すことができます