美文网首页
webApp 自适应 rem.js

webApp 自适应 rem.js

作者: H5日常记 | 来源:发表于2016-12-16 15:20 被阅读0次

    (function(doc,win){

    var docEl = doc.documentElement,resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',

    recalc = function(){

    var clientWidth = docEl.clientWidth;

    if(!clientWidth) return;

    if(clientWidth>=750){

    docEl.style.fontSize = '100px';

    }

    else{

    docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';

    }

    // docEl.style.fontSize = '100px';

    };

    if (!doc.addEventListener) return;

    win.addEventListener(resizeEvt, recalc, false);

    doc.addEventListener('DOMContentLoaded', recalc, false);

    })(document,window);

    相关文章

      网友评论

          本文标题:webApp 自适应 rem.js

          本文链接:https://www.haomeiwen.com/subject/qebnmttx.html