rem的使用方式

Posted 2022-02-21 老张在线敲代码

rem是什么？

rem是指相对于根元素的字体大小的单位
在日常开发过程中我们通常把根元素（html/body）的字体设置为10px,方便于我们计算（此时子元素的1rem就相当于10px）

rem与em的区别，各自的优缺点？

em子元素字体大小的em是相对于父元素字体大小
rem是根据根元素的字体大小

em不同元素的参照物不一样（都是该元素父元素），所以在计算的时候不方便，相比之下rem就只有一个参照物（html元素），这样计算起来更清晰。