logo标签列表

如何使用“em”单位显示图片？

htmlcssimagexhtmlfont-size
15
我创建了一个宽度为10em，高度为5em的
。现在我想在这个
中显示一个尺寸完全相同的（GIF 图像）。但是显然它不支持“em”单位。它以 10x5 像素的方式显示图片。如何使用“em”单位显示这个？
2
你使用了什么标记？你尝试使用CSS调整大小，还是只使用宽度和高度属性（仅接受像素维度）？ - Rowland Shaw
你用哪个浏览器测试过？ - bjelli
2个回答
14

使用以下代码：

<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>

这在Windows XP上的Firefox 3.5、Internet Explorer 8和Opera 10.0 Beta中工作。

6
重复使用完全相同的宽度/高度数值毫无意义。你可以选择要么a)放弃使用包含div或者b)将图片的数值更改为100%。 - Bobby Jack
7

您可以使用CSS样式来设置图片：

img.MyImage {
    width: 10em;
    height: 5em;
}

<img class="MyImage" src="image.gif" />
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接