1. 程式人生 > >移動端頁面適配---rem

移動端頁面適配---rem

client logs dom color mco fun win window event

(function(doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘,
        recalc = function() {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            if (clientWidth >= 750) {
                docEl.style.fontSize 
= ‘100px‘; } else { docEl.style.fontSize = 100 * (clientWidth / 750) + ‘px‘; } }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener(‘DOMContentLoaded‘, recalc, false); })(document, window);

750為設計圖寬度,可以根據設計圖寬度自行調整數值。

1rem 等於設計圖上100px.

移動端頁面適配---rem