选择使用什么字体单位主要由你的项目来决定,如果你的用户群都使用最新版的浏览器,那推荐使用 rem,如果要考虑兼容性,那就使用 px, 或者两者同时使用。
做移动端页面的几乎离不开 rem 这个单位。REM 表示“Root EM”, 字面上指的是根元素的 em 大小。在 Web 文档的上下文中,根元素就是你的 html 元素。如果没有重置,html 默认 font-size:16px。
我们可以方便的使用相对字体大小,而且还避免了使用嵌套的 em 结构的混乱。
1÷ 父元素的 font-size × 需要转换的像素值 = em 值