动态rem
1. 首先我们先介绍当下的长度单位
px 像素
em 一个M的宽度 / 一个汉字的宽度 1em == 自身的 font-size
rem 全称 root em 是根元素（html)的 font-size
vh 全称 viewport height 100vh == 视口高度
vw 全程 viewport width 100vw == 视口宽度
因为网页的默认font-size： 16px 所以1rem默认是 16px chrome 的最小字体像素默认是 12px
一个元素在没有设置font-size的情况下会去继承父元素的font-size
2. 移动端的布局
移动端的布局一般就两
