根據屏幕大小動態設置字體rem

1.根據屏幕大小動態設置字體rem

var docEl = document.documentElement,
    //當設備的方向變化（設備橫向持或縱向持）此事件被觸發。綁定此事件時，
    //注意現在當瀏覽器不支持orientationChange事件的時候我們綁定了resize 事件。
    //總來的來就是監聽當然窗口的變化，一旦有變化就需要重新設置根字體的值
    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    recalc = function() {
        //設置根字體大小
        let maxWidth = 750
        let cw = docEl.clientWidth>maxWidth ? maxWidth : docEl.clientWidth
        docEl.style.fontSize = 10 * (cw / 320) + 'px';
    };

//綁定瀏覽器縮放與加載時間
window.addEventListener(resizeEvt, recalc, false);
document.addEventListener('DOMContentLoaded', recalc, false);