rem 是 CSS3 新增的相对长度单位，是指相对于根元素 html 的 font-size 计算值的大小。
默认根元素的 font-size 都是 16px的。如果想要设置 12px 的字体大小也就是 12px/16px = 0.75rem。
- 由于
px是相对固定单位，字号大小直接被定死，无法随着浏览器进行缩放； rem直接相对于根元素html，避开层级关系，移动端新型浏览器对其支持较好；
个人用 vw + 百分比布局用的比较多，可以使用 webpack 的 postcss-loader 的一个插件 postcss-px-to-viewport 实现对 px 到 vw 的自动转换，非常适合开发。