Skip to main content

rem

与 em 的区别​

rem 这个单位是目前做多端适配的时候，用得非常多的一个单位，尤其是在适配各种移动设备小屏幕方面。

rem 是 CSS3 新增的一个相对单位（root em），这个单位引起了广泛关注。这个单位与 em 有什么区别呢？区别在于使用 rem 为元素设定字体大小时，仍然是相对大小，但相对的只是 HTML 根元素，这个基准不会像 em 变来变去了。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应，除了 IE8 不支持，其他支持。

px 与 rem 的选择​

  • 对于桌面浏览器端开发，不需要做适配的，使用 px 即可。
  • 对于需要适配各种移动设备，使用 rem 。
  • 当用作图片或者一些不能缩放的展示时，必须要使用固定的 px 值，因为缩放可能会导致图片压缩变形等。

px 转 rem​

主要两个方案：