rem与px的相爱相杀

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。