什么是EMS和像素之间的关系?(What is the relationship between e

2019-08-16 16:18发布

什么是EM在像素方面的价值?

10em =?PX?

Answer 1:

有EM和PX之间没有特定的关系。 它是基于为每个字体面“m”个字符的宽度来计算。



Answer 2:

虽然如其他人所说,没有设置的比-因为它从字体变化到字体-这是可以计算这个用于通过使用DHTML 特定字体面部/尺寸组合。

只需创建一个div

style="width: 1em; visibility:hidden"

并将它添加到你有兴趣对文档中的位置。

然后,您可以通过检查div的找出其宽度clientWidth属性



Answer 3:

这取决于字体和你呈现的平台。 没有普遍比。



Answer 4:

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



Answer 5:

如果使用的是11或12像素的标准大小的文本字体,然后一般的经验法则是1EM将是有关大像素,所以11或12个像素。



Answer 6:

缺省情况下1em是16像素( font-size:100%; ),所以16px的X 10em = 160像素

你可以改变的大小em改变的百分比font-size ,如果你想要的大小改变身体,例如em为10px,这将是你的CSS:

body {
font-size:62.5%;
}

16px的X 62.5%= 10px的



文章来源: What is the relationship between ems and pixels?
标签: html css em