rem自适应手机端布局

通过js根据屏幕设备尺寸的大小，改变根元素的值：

<script>

var html = document.querySelector("html");
var    rem = html.offsetWidth / 7.5;
 html.style.fontSize = rem + "px";

</script>

最简单的适配方案：

7.5 为 设计图的宽度除以100；

H5端自适应框架 使用方便，设计图的1px对应0.01rem,设计图的字体大小24px对应0.24rem,就是如此简单！

在header中写入以下代码，实时更新html的fontsize:

css样式：
正常情况下的写法：
div{
width:100px;
height:200px;
border:1px solid #F00;
padding:20px;
}
使用自适应方法，px用rem ，1px的仍然可以用1px，可以改写为：
div{
width:1rem;
height:2rem;
border:1px solid #F00;
padding:0.2rem
}

手机端的适配方法有多种，会不断更新~