关于em的CSS问题?

时间:2011-03-28 20:44:32

标签: css em

我正在尝试将我所有网站的边距值转换为em来代替像素,但我很难弄清楚它们实际上是什么。我认为这是基于用户浏览器设置(默认字体大小)的设定距离,但是当应用于h1或ul时,标准1em是不同的。有什么帮助吗?

3 个答案:

答案 0 :(得分:3)

em基于字体大小(大写M width 高度),因此它是相对测量值,基于适用的任何字体大小元素。

查看this markup on jsfiddle的结果:

<div style="font-size:2em">2em<div style="font-size:2em">2em</div></div>
<div style="font-size:14px">2em<div style="font-size:2em">2em</div></div>

答案 1 :(得分:0)

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

http://www.w3schools.com/css/css_units.asp

答案 2 :(得分:0)

Stackoverflow相关的EPIC回答: Is sizing fonts using "em" still relevant?

em度量类型取决于具体情况(元素父元素,元素类型/元素css属性),在此处阅读完整而全面的解释:

http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css