自适应布局

1. 固定一个某些宽度，使用一个模式，加上少许的媒体查询方案

          关键元素高宽和位置都不变，只有容器元素在做伸缩变换。

2. 使用flexbox解决方案

3. 使用百分比加媒体查询

4. 使用rem

页面上html的font-size不是预先通过媒介查询在css里定义好的，而是通过js计算出来的，所以当分辨率发生变化时，html的font-size就会变，不过这得在你调整分辨率后，刷新页面才能看得到效果。