526互联

不出滚动条 rem设置调整

发布时间 2023-11-06 11:14:27作者: 7c89
(function(doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function() {
            var clientWidth = docEl.clientWidth;
            var clientHeight = docEl.clientHeight;
            if (!clientWidth) return;
            let base=12;
            let basewidth=1920;
            let baseheight=1080;
            let scale1=clientWidth / basewidth
            let scale2=clientHeight / baseheight
            console.log(scale1,scale2);
            docEl.style.fontSize = base * Math.min(scale1,scale2) + 'px';
        };

    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);