css - IE8中1em是多少像素？

Question

1em 不应该在所有浏览器中都是 16px 吗？

我有这个 CSS

* {font-size: 1em; }
label { font-size: .85em; }

这在 IE8 上奇怪地为标签元素提供了 12 像素的高度，而我希望为 13.6 像素。

感谢帮助！

Answer 1

1em 不应该在所有浏览器中都是 16px 吗？

不必要：

一个 'Em'(1em) 等于默认字体大小中大写字母“M”的高度。在 CSS 中应用时，Em 代表用户的默认字体大小，或者父元素的字体大小（如果可用）。

因此，虽然默认字体大小是 16 像素，但也许您在 IE 上设置了不同的大小。

此外，您可能有一些模糊的父元素覆盖它。

更多信息

Answer 2

单位 em 是相对的。如果您的字体大小为 12pt，则 1 em = 12pt。使用 20pt 的字体大小，1 em = 20pt。它源自字母 M。它可以追溯到合成师创建文本的时间和时期。字母 M 是语料库的正方形大小。