rem与px的相爱相杀

时间:2021-12-30 01:41:09

rem

简介:为元素设定字体大小;相对大小;只相对HTML根元素。

优点:只修改根元素就可以成比例调整所有字体的大小。

bug:IE8及更早版本不兼容。

hack:多写一个绝对单位px的声明,不兼容版本会忽略rem设定的字体大小。(有点像过滤器的使用方法)

    如:p{font-size:16px;font-size:0.16rem;}  /*前提是html的字体大小设置成100px*/


不过,如果css样式里面没有设置html根元素的font-size的px值,浏览器默认为16px,此时,1rem==16px。