html 适配rem

js代码

(function (doc, win, undefined) {

    var docEl = doc.documentElement,

        resizeEvt = 'orientationchange' in win ? 'orientationchange' : 'resize',

        recalc = function () {

            var clientWidth = docEl.clientWidth;

            if (clientWidth === undefined) return;

            docEl.style.fontSize = 20 * (clientWidth / 750) + 'px'; // 设置 根元素html的font-size

        };

    if (doc.addEventListener === undefined) return;

    win.addEventListener(resizeEvt, recalc, false);// 监听窗口改变

    doc.addEventListener('DOMContentLoaded', recalc, false) // 初始HTML加载和解析完成时

})(document, window);