html - ems和pixels是什么关系？

Question

一个 em 的像素值是多少？

10em = ?px ?

score 9 · Accepted Answer

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

score 6 · Accepted Answer

虽然正如其他人所说，没有固定的比率 - 因为它因字体而异 - 可以通过使用 DHTML来计算特定字体/大小组合的比率。

只需创建一个 div

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

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

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

score 2 · Accepted Answer

2

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

于 2009-09-22T22:37:02.007 回答

score 0 · Accepted Answer

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

score 0 · Accepted Answer

如果您使用的是 11 或 12 像素的标准大小的文本字体，那么一般的经验法则是 1em 的像素大约会那么大，因此是 11 或 12 像素。

score 0 · Accepted Answer

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

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

body {
font-size:62.5%;
}

16 像素 x 62.5% = 10 像素

6 回答 6