REM单位适配脚本

如果想在一个页面中使用REM适配单位，可直接引入下面的JS脚本即可。

;(function (win, doc) {

    /**
     * 添加DOM二级事件
     */
    function addEvent (ele, type, handle) {
        if (ele.addEventListener) {
            ele.addEventListener(type, handle, false);
        } else if (ele.attachEvent) {
            ele.attachEvent('on' + type, function () {
                handle.call(ele);
            })
        } else {
            ele['on' + type] = handle;
        }
    }

    /**
     * 适配REM单位
     */
    function calcSize () {
        var docH = doc.body.parentNode;
        var val = win.innerWidth / 750 * 100; // 750 设计稿宽度，100是px与rem转换率
        docH.style.fontSize = (val <= 12 ? 12 : val) + 'px'; // 最小字体12号，可以修改
    }

    /**
     * 进入页面执行
     */
    calcSize();

    /**
     * 监听窗口变化
     */
    addEvent(win, 'resize', function () {
      calcSize();
    });

}(window, document));