我正在尝试将我所有网站的边距值转换为em来代替像素,但我很难弄清楚它们实际上是什么。我认为这是基于用户浏览器设置(默认字体大小)的设定距离,但是当应用于h1或ul时,标准1em是不同的。有什么帮助吗?
答案 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中非常有用的单元,因为它可以自动适应阅读器使用的字体“
答案 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