モバイル側pxをremに変換してアダプティブな問題を解決

2849 ワード

window.addEventListener("load", function () {
    var setRem = function () {
        // UI 
        var uiWidth = 750;

        //  
        var winWidth = document.documentElement.clientWidth;

        //  
        var rate = winWidth / uiWidth;

        //  html 
        document.documentElement.style.fontSize = rate * 20 + "px"
    };

    setRem();

    window.onresize = function () {
        setRem();
    }
}, false)