h5移动端rem布局

rem布局就是参考html上的font-size做参照

例如html设置font-size:20px; 那么1rem就表示为20px。

如何兼容多种手机配置？

以ui设计稿为750px 为例

document.documentElement.style.fontSize =document.documentElement.clientWidth / 7.5 + 'px'

通过js 动态计算屏幕的宽度 设置html 的font-size 。现在如果屏幕为750px宽 ，1rem代表100px。