我已经创建了一个<div>与width:10em和height:5em 。
现在我想以显示<img>在此（GIF图像） <div>具有完全相同的尺寸。 但很显然，它并不“知道” em单元。 它显示了10x5 像素 ，而不是图片。
我怎样才能显示此<img>使用“EM”单位？
Answer 1:
使用此代码：
<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和歌剧院10.0测试版的Windows XP。
Answer 2:
您可以使用样式CSS的img：
img.MyImage {
width: 10em;
height: 5em;
}
<img class="MyImage" src="image.gif" />
文章来源: How can I display an image using the “em” unit?
