W260426/7_移动端/js/rem.js

;
(function(win) {
    var doc = win.document;
    var docEl = doc.documentElement;
    var tid;

    function refreshRem() {
        // 1. 获取屏幕宽度
        var width = docEl.getBoundingClientRect().width;
        var rem = width / 7.5; // 将屏幕宽度分成7.5份， 1份为1rem
        docEl.style.fontSize = rem + 'px';
    }
    
    // 2. 监听窗口变化事件
    win.addEventListener('resize', function() {
        clearTimeout(tid);
        tid = setTimeout(refreshRem, 10);
    }, false);
    // 3. 监听页面加载完成事件
    win.addEventListener('pageshow', function(e) {
        if (e.persisted) {//判断是否加载缓存
            clearTimeout(tid);
            tid = setTimeout(refreshRem, 10);
        }
    }, false);

    refreshRem();

})(window);