移动端基于rem布局的demo页

页面布局计算的时候,比如设计稿为640px的宽度,那么计算的基数就是640/16=40px

一个banner宽度为640px的时候,对应的rem单位就是 16rem,无需考虑移动端各种屏幕大小

需要注意的是当像素在缩放情况下小于1px的时候,需要设置不同devicePixelRatio下对应的缩放大小,比如2倍屏设置[data-dpr="2"] .demo{border:2px solid #ccc;},3倍屏类推.