em与rem

Posted 2020-08-19 最爱小虾

em是相对于父元素的font-size，rem是相对于根元素的font-size。

rem的补充：

① 对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小；

② IE9/IE10在用于伪元素时或者使用字体简写声明时不支持rem；

③ ios Safari5.0-5.1虽然支持rem，但是在使用媒体查询时不支持rem。