移動端rem適配，使用sass自動轉化rem

根據屏幕寬度設置font-size:

    window.onresize = setFontSize;
    setFontSize();
    function setFontSize() {
        var designWidth = 750;
        var windowWidth = document.documentElement.clientWidth;
        if (windowWidth > designWidth) {
            windowWidth = designWidth;
        }
        document.documentElement.style.fontSize = 30 * (windowWidth / designWidth) + "px";

    }

sass轉化單位

$brower_default_font_size: 30px !default;
html{
    font-size: $brower_default_font_size;
}
@function pxTorem($px){
    @return $px / $brower_default_font_size * 1rem;
}

當屏幕寬度爲750時，和設計稿寬度一致。此時font-size爲30px,若某個元素在設計稿的寬度爲30px,按照以前的做法，需要手動計算rem倍數，設置元素寬度爲1rem，而使用sass之後，只需調用函數pxToRem(30px),可自動計算出rem。即爲30/30*1rem=1rem。