14

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

em与什么成正比?

  • 使用的字体?
  • 最大的字体大小?
  • 页面宽度/高度?
4

3 回答 3

12

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

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

EM 与定义它的当前元素相关。如果您使用相对尺寸(如0.9em),它们会成倍增加并可能导致意外尺寸。

现在,字体的默认大小在浏览器之间不是标准的。将字体设置为特定像素单位时,IE(至少是较旧的 IE)存在问题。可以在 A List Apart 上找到关于字体大小的一个很好的概述。

于 2011-07-31T05:40:05.693 回答
4

根据 W3C 的一个 em:

"等于使用它的元素的 'font-size' 属性的计算值。例外是当 'em' 出现在 'font-size' 属性本身的值中时,在这种情况下它指的是到父元素的字体大小。”

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

对于大多数浏览器,默认值 1em = 16px

于 2011-07-31T05:42:22.153 回答
3

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

https://web.archive.org/web/20131127083352/http://www.guistuff.com/css/css_units.html

于 2011-07-31T05:41:42.503 回答