私は<div>をwidth:10emとheight:5emで作成しました。
今度は<div>に正確に同じサイズの<img>（GIF画像）を表示したいと思います。 しかし明らかに、それはemユニットを「知っている」わけではありません。代わりに10x5の画像がピクセルで表示されます。「em」ユニットを使用して画像を表示するにはどうすればよいですか？
<img>を「em」ユニットで表示するにはどうすればよいですか？
は、このコードを使用します。
<html>
<body>
<p>This is 10em x 5em</p>
<div style="width:10em; height:5em;">
<img style="width:10em; height:5em;" src="logo.png" />
</div>
</body>
</html>
これは、Firefox 3.5、Internet Explorer 8のとWindows XPでのオペラ10.0ベータ版で動作します。
正確な幅/高さの値が繰り返される点はありません。また、a）囲むdivで取り除くか、b）画像の値を100％に変更するかのどちらかです。 –
あなたは、CSSでスタイルIMGができます。
img.MyImage {
width: 10em;
height: 5em;
}
<img class="MyImage" src="image.gif" />
あなたはどのようなマークアップを使用していますか？ CSSを使用してサイズを試してみましたか、幅と高さの属性（ピクセルサイズのみを使用します） –
どのブラウザでテストしましたか？ – bjelli