CSS unit

rem

rem 方案的本质其实就是以设计稿的尺寸作为基准，并在其它尺寸的屏幕中对元素进行等比缩放。

缺点

• 提高开发效率而舍弃了一些用户体验，问题如通用组件有规范尺寸，如第三方组件不支持 rem

• 如果基准设置不合理，那么在较大或较小的屏幕上元素会显得过大或过小（文字更明显）

  为什么很多 web 项目还是使用 px，而不是 rem？ - 知乎