移动端响应式

234 阅读1分钟

<script>
    //font
    (function () {
        function resizeFont() {
            var docEl = document.documentElement;
            var cw = docEl.clientWidth;
            if (!cw) {
                return
            }
            docEl.style.fontSize = 100 * (cw / 750) + "px";
        }

        resizeFont();
        $(window).on("resize orientation", function () {
            resizeFont();
        })
    })();
</script>

或者

<script>
    (function (win, doc) {
        if (!win.addEventListener) return;
        var html = document.documentElement;

        function setFont() {
            var html = document.documentElement;
            var k = 750;
            html.style.fontSize = html.clientWidth / k * 100 + "px";
        }

        setFont();
        setTimeout(function () {
            setFont();
        }, 300);
        doc.addEventListener('DOMContentLoaded', setFont, false);
        win.addEventListener('resize', setFont, false);
        win.addEventListener('load', setFont, false);
    })(window, document);
</script>