自适应布局rem的设置

在标签中meta标签中，
viewport的宽度：当前浏览器宽度小于980时，宽度为980，当浏览器的宽度大于980时，宽度与浏览器宽度一致
initial-scale=1.0页面的初始缩放比例, maximum-scale=1.0,最大缩放比例1.0 user-scalable=no 是否手动缩放

布局单位
%百分比：基于父元素进行设置，如果父元素没有宽高则无效
vw vh:一个vw等于viewport宽度的百分之一，一个vh等于viewport高度的百分之一
vmax等于vw和vh中较大的那一个，vmin等于较小的那一个
rem：一个rem等于根元素（html）的字体大小，兼容性好，但使用前需要设置
rem不是一个自适应的单位，不会根据设备尺寸自己改变，可以使用js进行动态设置

js 设置rem：