编辑手机页面rem的使用

手机rem的使用只需加入如下代码：

针对最大宽度为480px使用如下代码

<script >

var html = document.getElementsByTagName("html")[0];

var rootResize = function() {

    var winClient = document.documentElement.clientWidth;

    var fontSize = winClient < 480 ? winClient / 16 : 30;

    if (fontSize < 20) {

        fontSize = 20;

    }

    html.style.fontSize = fontSize + "px";

}

rootResize();

window.onresize = function() {

    rootResize();

} 

</script>

针对最大宽度为640px使用如下代码

        <script>

var html = document.getElementsByTagName("html")[0];

var rootResize = function() {

var winClient = document.documentElement.clientWidth;

var fontSize = winClient < 640 ? winClient / 16 : 40;

if (fontSize < 20) {

fontSize = 20;

}

html.style.fontSize = fontSize + "px";

}

rootResize();

window.onresize = function() {

rootResize();

}

</script>