移动端VW+rem适配布局

vw+rem

vw

vw是当前窗口浏览器的百分比单位 与%不同的是 %是相对于父元素的百分比单位

vw的计算方法

设置在html中
html {font-size:26.66vw}
如 设计图为750px的 750/2(dpr) 为375px
设置默认100px为基准方便计算
100/375 为26.66vw 单位直接取前两位

之后body设置font-size为16px 为了解决继承问题（必须设置否则之后的字体图片啥的会乱）*

设计图测算转换为rem单位

测算大小距离宽度所有的px现在都转化为rem
如 测算盒子高度为88px
88/2(dpr)/100(基值) 为0.44rem