移动端rem布局
rem (root em) 属于相对单位, 其不是像 em 单位那样是相对于当前元素的字体大小 font-size 计算得出的值,rem 始终相对于页面根元素,即 html 的 font-size 大小计算得出。
所以我们可以使用 rem 作为页面布局主单位,再利用 媒体查询(@media screen) 或 javascript 动态计算并设置在不同屏幕大小下根元素 html 的 font-size 属性值,使得页面元素可以响应式的显示合适的大小。