rem.js

/*
**author:Beginner
**create:20190620
**email:BeginnerMind@163.com
*/
var vRem;//全局变量添加vRem,记录当前状态下的rem值,方便js调用。
(function(win) {
    var designWidth=375,maxWidth=750,def_px=100,
        doc = win.document,docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc=function(){
            console.log('rem init');
            var width = docEl.getBoundingClientRect().width;
            width=width>maxWidth?maxWidth:width;
            vRem=Math.floor(width/designWidth*def_px);
            document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + vRem +"px";
        }
    recalc();
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(window);

  

原文地址:https://www.cnblogs.com/lstrive/p/10986197.html