移动端自适应rem大小

自执行函数封装
以iPhone5的根字体大小为20px屏幕逻辑像素为320,可以改变
字符串名字 in window 判断window下有没有这个字符串方法属性,返回布尔值 orientationchange 屏幕方向改变时候触发的函数 resize屏幕尺寸发生改变时候触发的函数
(function (doc,win){
    var docEl=doc.documentElement;
    console.log(docEl);
    var run=function () {
        var clientW=docEl.clientWidth;
        if(!clientW)return;
        docEl.style.fontSize=20/320*clientW+'px';
    };
    if(!doc.addEventListener)return;
    var resizeEvt='orientationchange' in win?'orientationchange':'resize';
    win.addEventListener(resizeEvt,run,false);
    doc.addEventListener('DOMContentLoaded',run,false);
    console.log(docEl.fontSize);
})(document,window)

 

posted @ 2017-06-02 16:45  三金。  阅读(121)  评论(0)    收藏  举报