em是如何计算的？答案

【问题标题】：How is an em calculated?em是如何计算的？
【发布时间】：2011-10-16 19:06:09
【问题描述】：

我注意到您可以使用 1em，它在不同的网站上看起来会有所不同。

em 与什么成正比？

【问题讨论】：

【解决方案1】：

见http://w3schools.com/cssref/css_units.asp

1em 等于当前字体大小。 2em 表示大小的 2 倍当前字体。例如，如果一个元素以 12 的字体显示 pt，那么 '2em' 是 24 pt。 'em' 在 CSS 中是一个非常有用的单位，因为它可以自动适应读者使用的字体

一个 EM 相对于它所定义的 current 元素。如果您使用相对尺寸（例如 0.9em），它们会成倍增加并可能导致意外尺寸。

现在，字体的默认大小在浏览器之间不是标准。将字体设置为特定像素单位时，IE（至少是较旧的 IE）存在问题。一个good overview for font sizing can be found on A List Apart。

【讨论】：

如果你想使用相对大小但更一致，请尝试使用rem，它指的是html元素上的默认字体大小：sitepoint.com/understanding-and-using-rem-units-in-css

【解决方案2】：

根据 W3C 一个 em：

"等于使用它的元素的'font-size'属性的计算值。例外情况是'em'出现在'font-size'属性本身的值中，其中如果它是指父元素的字体大小。"

换句话说，em 没有绝对大小。它们根据它们所在的位置获取它们的大小值。对于大多数 Web 设计师来说，这意味着他们在 Web 浏览器中，因此 1em 高的字体与该浏览器的默认字体大小完全相同。

对于大多数浏览器，默认值 1em = 16 像素

【讨论】：

【解决方案3】：

em定义为大写字母“M”在当前字体和大小下的高度。

【讨论】：