rem.js

根據(jù)設(shè)計(jì)尺寸制作rem適配
增加橫屏判斷

    (function(doc, win) {
        var ps_width = 375,
            ps_height = 667,
            rem = 50;
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function(e) {
              // alert(e.type)
                var w = window.innerWidth /*docEl.clientWidth*/ ;
                var h = window.innerHeight /*docEl.clientHeight*/ ;
                document.querySelector('.fixed').style.width =w+'px';

                if (!w)
                    return;
                if (w <= h ) {
                    //if(w>ps_width){w=ps_width;}
                    docEl.style.fontSize = rem * (w / ps_width) + 'px';
                    docEl.style.width = w+'px';
                    docEl.style.margin = 'auto';
                } else {
                    var w2 = ps_width*h/ps_height;
                    docEl.style.fontSize = rem * (w2 / ps_width) + 'px';
                    docEl.style.width = w2 + 'px';
                    docEl.style.margin = '0 ' + (w - w2) / 2 + 'px';
                    document.querySelector('.fixed').style.width = w2+'px';
                }
            };
        if (!doc.addEventListener)
            return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
        recalc();
    })(document, window);
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容