咱們寫HTML5手機端的時候，會發現顯示元素比例不正確，我們在head裡面新增一段<meta name=“viewport”content=“width=device-width，initial-scale=1”>即可。

注意，這只是其中一段程式碼，做過參考罷了，其他建議去百度一下，裡面有很多部落格

做一個h5移動端專案首先要做好適配

一般在h5頭部宣告一下。

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

上面的意思就是寬度為螢幕的寬度，縮放比例是1，不允許調整縮放比例，最小縮放比例是1，最大縮放比例是1.

然後配合rem來適配各種手機的型別。

1.利用rem跟vw來做適配

2.利用rem跟根元素的font-size適配

我選擇的是第二種，動態計算html根元素的font-size然後配合rem使用。可以相容各種手機。