思無邪 (@Clarke.L) 在 0x2:相对单位【CSS in Depth】 中发帖
[cover]
相对单位在CSS使用中,也是绕不开的话题,今天就一起看一下常用的相对单位。
em与rem
人们最熟悉同时也最简单的应该是像素单位(px)。它是绝对单位,即5px放在哪里都一样大。而其他单位,如em和rem,就不是绝对单位,而是相对单位。相对单位的值会根据外部因素发生变化。
em
1em等于当前元素的字号,其准确值取决于作用的元素。
浏览器会根据相对单位的值计算出绝对值,称作计算值(computed value)。
1. 使用em定义字号
当使用em来定义字号时,其计算值会根据继承字号来计算。
例如:font-size:1.2em,字号当然不能等于自己的1.2倍,假定其继承指为16px,则其计算值为 16px*1.2=19.2px。
如果知道字号的像素值,但是想用em声明,可以用一个简单的公式换算:用想要的像素大小除以父级(继承)的像素字号。
对...