像专家一样使用px、em、rem，了解它们之间的区别！

px是基于屏幕分辨率的单位，1px表示屏幕上的一个物理像素。

em是相对单位，基于父元素的字体大小，1em通常等于父元素字体大小的倍数。

rem也是相对单位，但是基于根元素（html元素）的字体大小，1rem通常等于根元素字体大小的倍数。

em和rem的不同在于em的计算是基于他的父元素的字体大小，而rem是基于根元素的字体大小。因此，rem更容易控制整个页面的排版，而em更适用于局部排版。同时rem也比em更便于响应式排版设计。