移动端开发 根据html的字体大小来设置布局

            (function() {
    function setFontSize(k) {
        document.documentElement.style.fontSize =
            ((((k / 720) * 100) / 16) * 100) + '%';
    }


    function initRem() {
        var W = document.documentElement.clientWidth;
        var H = document.documentElement.clientHeight;
        if(W < H) {
            // console.log("竖屏");
            W=W>720?720:w;
            setFontSize(W);
        } else {
            // console.log("横屏");
              H=H>720?720:H;
            setFontSize(H);
        }
    }
    window.addEventListener('orientationchange' in window ? 'orientationchange' : 'resize', initRem, false);
    document.addEventListener('DOMContentLoaded', initRem, false);

})();

            (function() {
    function setFontSize(k) {
        document.documentElement.style.fontSize =
            ((((k / 720) * 100) / 16) * 100) + '%';
    }

    function initRem() {
        var W = document.documentElement.clientWidth;
        var H = document.documentElement.clientHeight;
        if(W < H) {
            // console.log("竖屏");
            W=W>720?720:w;
            setFontSize(W);
        } else {
            // console.log("横屏");
              H=H>720?720:H;
            setFontSize(H);
        }
    }
    window.addEventListener('orientationchange' in window ? 'orientationchange' : 'resize', initRem, false);
    document.addEventListener('DOMContentLoaded', initRem, false);
})();