!(function(win, doc) {
function setFontSize() {
// 获取window 宽度
var winWidth = window.innerWidth;
//这里是假设在750px宽度设计稿的情况下
//可以根据实际需要修改,假设项目是750设计图下的实际尺寸除以40倍那么这里就是40,一般情况下是100
doc.documentElement.style.fontSize = (winWidth / 750) * 40 + 'px';
// 下面这行代码是为了有时候和自己项目的某些css代码冲突,需要用!important最高层级,上面的代码就失效了,用下面这行
// doc.documentElement.setAttribute('style', 'font-size: '+(winWidth / 750) * 40 + 'px!important');
}
// onorientationchange 屏幕旋转事件
var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
var timer = null;
win.addEventListener(evt, function() {
clearTimeout(timer);
timer = setTimeout(setFontSize, 300);
}, false);
win.addEventListener("pageshow", function(e) {
if (e.persisted) {
clearTimeout(timer);
timer = setTimeout(setFontSize, 300);
}
}, false);
//初始化
setFontSize();
}(window, document));
rem.js(第一版)
点赞
收藏