移动端页面rem用法

1 JS方法

var iWidth=document.documentElement.clientWidth;

        document.getElementsByTagName("html")[0].style.fontSize=iWidth/25+"px";

2 CSS方法

html{font-size:93.8%}                    //15/16=93.8     15的意思就是 想设置的 1rem等于15px。

   这个值最小不能小于12 /16=75% 

3 JS方法(这个比较好)

html{    font-size:20px;}

<script>    document.documentElement.style.fontSize=20*document.documentElement.clientWidth/320+'px';    window.onresize=function(){        document.documentElement.style.fontSize=20*document.documentElement.clientWidth/320+'px';    };</script>