标签: em

CSS用em弃px的原因

07.10.2009
knowledge | web
点击量:25 次
评论(0)

今天帮朋友的博客修改主题时,发现他的博客主CSS中出现了em的字体单位,所以去查了一下。发现很大部分的外国网站都是用em作为字体单位,虽然px比em更加容易使用。

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸

任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

全文阅读