js适配各尺寸rem设计

    xiaoxiao2022-07-05  160

    //designSize为设计稿的尺寸(宽)         (function(doc, win, designSize) {             var docEl = document.documentElement,                 devWidth = docEl.clientWidth > 1080 ? 1080 : docEl.clientWidth,                 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'onresize', //判断横屏和窗口重置                 recalc = function() {                     var clientWidth = docEl.clientWidth;                     if (!clientWidth) return;                     docEl.style.fontSize = devWidth / (designSize / 100) + 'px';                 };

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

    最新回复(0)