编辑手机页面rem的使用

时间：2017-01-01 15:21:06 阅读：457 评论：0 收藏：1 [点我收藏+]

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

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

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使用如下代码

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>

原文地址：http://www.cnblogs.com/bkysgj/p/6240999.html

踩

(0)

(1)

评论一句话评论（0）

分享档案

更多>

周排行