ems和像素之间有什么关系?

时间:2009-09-22 22:36:00

标签: html css em

以像素为单位的em值是多少?

10em =?px?

6 个答案:

答案 0 :(得分:7)

em和px之间没有特定的关系。它是根据每个字体的“m”字符宽度计算的。

答案 1 :(得分:6)

正如其他人所说的那样,没有设定比率 - 因为它因字体而异 - 可以使用DHTML计算特定字体面/大小组合。

只需使用

创建一个div
style="width: 1em; visibility:hidden"

并将其附加到您感兴趣的文档中的位置。

然后,您可以通过检查div的clientWidth属性

来查找其宽度

答案 2 :(得分:2)

这取决于您渲染的字体和平台。没有普遍比例。

答案 3 :(得分:0)

大约160px,如果1em是16px和10em = 1000%。这只是一个近似值,取决于字体,浏览器和操作系统。

答案 4 :(得分:0)

如果您使用11或12像素的标准尺寸文本字体,那么一般的经验法则是1em将是大约像素,所以11或12像素。

答案 5 :(得分:0)

默认1em为16px(font-size:100%;),所以16px x 10em = 160px

您可以通过更改正文中em的百分比来更改font-size的大小,例如,如果您想将em的大小更改为10px,将是你的CSS:

body {
font-size:62.5%;
}

16px x 62.5%= 10px