(function (doc, win) {
var docEl = doc.documentElement,
/*
document.documentElement
返回文档的根节点
* orientationchange 在用户移动端设备屏幕垂直或水平旋转移动设备时被触发
* resize 事件，在绑定元素大小发生变化时触发该事件，例如检测屏幕变化：
* window.addEventLisenter("resize",function(){
* alert("屏幕大小变化了")
* })
*
* resize 属性，css3新增属性，用来指定用户是否可以缩放该元素
* none:用户无法调整该元素尺寸
* both：用户可以调整元素的高度和宽度
* horizontal：用户可调整元素的宽度
* vertical:用户可调整元素的宽度
* */
resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
recalc = function () {
var clientWidth = docEl.clientWidth;
if (clientWidth >= 640) {
clientWidth = 640
}
if (!clientWidth) return;
docEl.body.style.fontSize = (clientWidth / 640) * 100 + "px";
};
win.addEventListener("resizeEvt", recalc, false);
/*
* DOMContentLoaded 该事件会在load事件之前触发，在DOM树构建完成时就触发
* 而load事件则是在DOMContentLoaded事件触发之后，继续加载图片等外部文件完成后触发
* */
doc.addEventListener("DOMContentLoaded", recalc, false)
})(document, window)
rem布局 2 JS方法的简单实现
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- UITableView是iOS APP开发过程中最常使用的一个组件了，给UITableViewCell的加载添加一...
