比较 px、em 和 rem

新手和朋友经常对单位感兴趣。今天就跟大家总结一下三个常见的尺寸单位，px、em、rem。请注意，本文不包括 vw、vh 和百分比。

• px：绝对固定的值，不会因页面放大或缩小而改变。
• em：相对于父元素的字体大小的倍数。如果父元素的字体是12像素，那么子元素1em就是24像素。由于是相对父级的倍数，当有多个嵌套层次时，计算倍数关系就会很头疼。
• rem：相对于根元素的字体大小的倍数。与html字体大小相比，如果不进行调整，默认浏览器字体大小为16像素。

小贴士

如果想让rem计算更容易，可以设置font-size= 62.5%，这样默认字体就是10px。后续的 rem 以 10 为基础。