移动端布局方案 rem

移动端布局方案 rem 示例

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