px 是绝对值，em 与 rem 都是相对值。
em
em 是相对父级元素字体大小的倍数。
例如，父级 div 字体设置了 20px, 在设置 2em 之后，该元素的字体大小就变成了 40px。
rem
rem 是相对 html 根元素字体大小的倍数。
而 html 默认的字体大小是 16px。所以，1rem 就相当于 16px。当然这个默认值也可以调整。
使用场景
- em。中文段落的首行两格缩进，2em。
如何快速区分 rem 与 em
rem 是 root em 的缩写，这样就很容易记住了。
关于作者 🌱
我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊，或者关注我的个人公众号“大象工具”， 查看更多联系方式