rem和em的区别

rem和em都是CSS中用户设置字体大小的相对单位。主要区别在于参考的对象不同。

rem是相对于根元素的 font-size(字体大小)属性,r表示root(根),即相对于 html 标签的 font-size(字体大小)实现的，浏览器默认字号是 1rem=16px。

em是相对于父元素标签的字号，和百分比(%)类似。百分比(%)也是相对于父级的，只不过是百分比(%)相对于父级宽度的，而em是相对于父级字号的。

rem更适合全局的字体大小调整，rem不仅可以用于设置字体大小、还支持元素宽、高等属性。 em则更适合用户局部的。相对的字体大小调整，em主要是设置字体大小的。