rem: root 1rem等于根元素的font-size值
Vw（宽）、vh： 把屏幕分为100份，1vw等于屏幕的1%
1、给文件根元素设置font-size值（会影响字体，但可以解决）
<script>
//以iphone6为例，尺寸375，此时font-size=100px。便于计算
var fonsiz=document.documentElement.clientWidth/3.75
document.documentElement.style.fontSize=fonsiz+"px"
</script>
2、给html设置rem布局后，需要给body重新设font-size，不然很难处理正常的尺寸
body {
font-size: 16px
}
3、vscode 安装 px to rem 插件，设置其扩展设置的值为100
4、选中需要把px改为rem单位的css样式，alt+z更换为rem布局
1、安装px to rem插件设置100px转换，如上图3，100px=26.667vw=100/3.75，给html标签设置vw
html {
font-size: 26.66667vw
}
2、选中需要把px改为rem单位的css样式，alt+z更换为rem布局
在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。再或者利用css3的flexbox布局，设置父级的display为flex，方向为纵的，然后设置其flex：1；
