如何计算?

时间:2011-07-31 05:38:42

标签: html css fonts units-of-measurement

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

什么是em比例?

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

3 个答案:

答案 0 :(得分:12)

请参阅http://w3schools.com/cssref/css_units.asp

  

1em等于当前的字体大小。 2em意味着2倍的大小   当前的字体。例如,如果元素显示为12的字体   那么'2em'是24 pt。 'em'是CSS中非常有用的单元,因为   它可以自动适应阅读器使用的字体

EM与其定义的当前元素相关。如果您使用相对尺寸(例如0.9em),它们会相乘并导致意外尺寸。

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

答案 1 :(得分:3)

根据W3C和em:

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

换句话说,ems没有绝对大小。它们根据它们的位置来确定它们的大小值。对于大多数Web设计人员而言,这意味着它们位于Web浏览器中,因此1em高的字体与该浏览器的默认字体大小完全相同。

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

答案 2 :(得分:2)

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

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