Css em字体大小单位是多少？它的像素值是多少？

我想知道

em

单位是什么，以及转换为像素（

px

）时1em是多少。我还读了一些关于IE的错误，为了克服哪些字体大小应该设置为某个值，但我没能很好地理解。有人能详细解释一下吗？

这是根据你身体的字体大小计算出来的。你可以使用一个像素到em转换器来准确地找出它在你的网站上是什么

---

EM是一种与字体的点大小成比例的度量单位。EM几乎与百分比相同，我建议您阅读尽管您可能在其他地方阅读到，EM和px之间没有直接关系

其中一个链接指出：

“em”值基于 关于大写字母M的宽度

所以每种字体都会有所不同。窄字体可能与扩展字体具有相同的高度（px），但em大小不同

三年后编辑：

现在有很多资料表明1em=字体大小（以像素为单位）。也就是说，当您编写

字体大小：16px

时，则1em=16px。这仍然不符合Adobe的来源（上面说1em=字体大小在

pt

中），但在任何一种情况下，它看起来都很奇怪；压缩字体的em大小太大，扩展字体的em大小太小

我要做一些测试页面，自己看看

以及：

我发现没有人（包括我）真正回答了这个问题（这有点隐蔽）：

我还读到了一些关于ie的错误，为了克服这些错误，我将字体大小设置为某个值

根据，您需要将此添加到css:

html{font size:100%；}

。该页面已有六年历史，我还没有阅读（数百条）评论，因此我不知道它是否仍然相关。

此链接可以帮助您

从那篇文章中引述：

我们知道1em始终等于父元素的字体大小，因此：

1 ÷ parent font-size × required pixel value = em value

用于书签：用于字体大小

---

em基于字母M并依赖于字体的M-原则是一个经常被陈述的神话！！非常简洁地描述了ems和像素的关系。使用字母M来计算字体大小至少过于复杂和不必要

“em”单位等于计算出的 的“字体大小”属性的值 在其上使用的元素。这个 例外情况是当“em”出现在 “字体大小”属性的值 在这种情况下，它指的是 父元素的字体大小。信息技术 可用于垂直或水平方向 测量

以下是要点

如果没有祖先放大，1em完全等于像素字体大小属性

x-ems或x-percent的祖先放大率意味着您只需乘以明显的比率x或x/100。因此，一个简单的java脚本循环将计算精确的字体大小，假设：（1）没有C.S.S阻碍java脚本；（2）某些祖先的字体大小是以绝对单位设置的。这是文档所讨论的计算值。手工计算可以绕过C.S.S.，但必须在祖先链中找到绝对单位

由于ems测量宽度，所以您始终可以通过创建一个长度为1000 ems的div并将其client width属性除以1000来计算准确的字体大小。由于ems四舍五入到最接近的千分之一，因此需要1000 ems以避免错误的像素截断

您可能可以创建一种M原则失败的字体，因为em基于字体大小属性，而不是实际字体。假设您有一个奇怪的字体，其中M是其他字符大小的1/3，并且您的字体大小为10像素。你不认为像素字体大小在某种程度上保证了最大字符高度，所以M不会是10像素，其他所有字符都不会是30像素吗

警告

（2）的一个主要警告是，ex单位的相对比率极不稳定。 在具有恒定字体的同一浏览器中，相对比例可以随字体大小而变化。ex的相对比例也会随着浏览器的变化而变化，即使使用相同的字体大小和浏览器安全字体（如Georgia）。这是一个很好的理由，如果你想要一致性，永远不要使用前单位。如果使用ex单位，则无法通过祖先链计算字体大小

---

em最初是印刷字体中使用的一种度量（根据维基百科）。这里有一些需要考虑的事情：如果em被定义为12pt类型，那么em是打印页面的12/72英寸；但如果将em定义为16px，则其宽度（英寸）取决于介质的分辨率。（注：在移动设备出现之前，72ppi到120ppi的分辨率曾被视为“安全浏览器”标准。）因此，当您的用户使用300px宽的设备时，1em到16px的分辨率是很大的“不动产”。在我看来，em度量的最佳用途是定义文本段落以有效平衡空白，而不是页面布局或定位

em单位以字母“M”命名，在排版印刷中有着悠久的传统，用于测量水平宽度。例如，美国文本中经常出现的长破折号（-）被称为“em破折号”，因为它在历史上与字母“M”具有相同的宽度。它较窄的表亲（-）通常出现在欧洲文本中，类似地被称为“en-dash”

多年来，“em”的含义发生了变化。并非所有字体都有字母“M”（例如中文），但所有字体都有高度。因此，这个词的意思是字体的高度，而不是字母“M”的宽度

---

来自“惊人的em单元和其他最佳实践”

这是一个全新的概念。是否有一些我可以阅读的资料来源，其中引用了Adobe（）。但是现在我