1.rem基础
rem 为单位
rem（root em）是一个相对单位，类似于em，em是父元素字体大小。
不同的是rem的基础是相对于html元素的字体大小。
比如，根元素（html）设置font-size=12px；非根元素设置width：2rem；则换成px就是24px；
2.媒体查询
2.1什么是媒体查询
媒体查询（Media Query）是CSS3新语法。
- 使用@media查询，可以针对不同的媒体类型定义不同的样式
- @media可以针对不同的屏幕尺寸设置不同的样式
- 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面
- 目前针对很多苹果手机、Android手机，平板等设备都用得到多媒体查询