HTML5手機端頁面縮放問題應該如何解決？

做一個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使用。可以兼容各種手機。