利用vw單位和rem來(lái)進(jìn)行移動(dòng)端適配，可以不用使用js來(lái)判斷

// rem 單位換算：定為 75px 只是方便運(yùn)算，750px-75px、640-64px、1080px-108px，如此類推
$vw_fontsize: 75; // iPhone 6尺寸的根元素大小基準(zhǔn)值
@function rem($px) {
     @return ($px / $vw_fontsize ) * 1rem;
}

// 根元素大小使用 vw 單位
$vw_design: 750;
html {
    font-size: ($vw_fontsize / ($vw_design / 2)) * 100vw; 
    // 同時(shí)，通過(guò)Media Queries 限制根元素最大最小值
    @media screen and (max-width: 320px) {
        font-size: 64px;
    }
    @media screen and (min-width: 540px) {
        font-size: 108px;
    }
}

// body 也增加最大最小寬度限制，避免默認(rèn)100%寬度的 block 元素跟隨 body 而過(guò)大過(guò)小
body {
    max-width: 540px;
    min-width: 320px;
}

來(lái)源自auto網(wǎng)