px,em 与 rem 的区别,及各自使用场景

更新日期: 2020-04-04 阅读次数: 7393 字数: 134 分类: CSS

px 是绝对值,em 与 rem 都是相对值。

em

em 是相对父级元素字体大小的倍数。

例如,父级 div 字体设置了 20px, 在设置 2em 之后,该元素的字体大小就变成了 40px。

rem

rem 是相对 html 根元素字体大小的倍数。

而 html 默认的字体大小是 16px。所以,1rem 就相当于 16px。当然这个默认值也可以调整。

使用场景

  • em。中文段落的首行两格缩进,2em。

如何快速区分 rem 与 em

rem 是 root em 的缩写,这样就很容易记住了。

tags: em rem 区别

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式