Js动态设置rem来实现移动端字体的自适应

2018-01-24  本文已影响0人  ai_cuicui

代码是现成的,可以直接cv!

fontsize : 1rem = 50px

(function(doc,win){

    var docEl =doc.documentElement,

        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',

        recalc = function(){

            var clientWidth = docEl.clientWidth>750 ? 750 :docEl.clientWidth;

            if (!clientWidth) {return};

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

        };

    recalc();

    if (!doc.addEventListener) return;

    win.addEventListener(resizeEvt, recalc, false);

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

})(document,window);

上一篇下一篇

猜你喜欢

热点阅读