1.最近項(xiàng)目的開發(fā)需要h5的支持，h5項(xiàng)目是和web整合到一起，在一個地址發(fā)布，通過不同的路由來跳轉(zhuǎn)到不同的頁面。所以開發(fā)h5的頁面需要適配，但是由于和web混合在一起，沒有用vw適配，而是考慮使用rem來適配。
2.rem是一個相對單位，相對于html字體大小來確定，適配也比較簡單且麻煩，給根節(jié)點(diǎn)html設(shè)置字體大小，h5和px相關(guān)的都改用rem，瀏覽器一般默認(rèn)1rem等于16px，如果給html設(shè)置字體大小，那么1rem就等于html設(shè)置的字體值。通常設(shè)計(jì)稿為750*1334，所以以100比例（方便換算）來換算，給html設(shè)置100px，在h5頁面都使用像素值除以100加上rem單位即可適配。

會有一個問題，在橫屏的時候?qū)挾炔蛔儭?/p>

html{
  font-size:100px;//設(shè)置根節(jié)點(diǎn)字體大小，
}
div{
  width：7.5rem；//750px/100
}

3.還有一種是給html設(shè)置vw的單位來進(jìn)行適配，vw是視窗的寬度，100vw就等于瀏覽器的寬度。也能進(jìn)行100比例的適配。（建議使用）

html{
  font-size:13.333vw;//省略過
}

那么13.333vw是怎么得到，有一個換算公式

100vw/750（設(shè)計(jì)稿寬度）*100（換算比例）=13.333333333333334vw；