移動端自適應二選一（rem，viewport）

移動端自適應的方案

一種是採用rem單位，根據瀏覽器的窗口的width去計算html元素的font-size，這裏要有限加載這一段js，另外一種是使用等比例縮放的viewport的width設定爲固定值（750）

等比例縮放

'<meta name="viewport" content="width=750,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover"> '

好處在於，簡單粗暴，直接就能夠還原設計圖的大小
缺點在於分辨率被定死了，大於750與小於750都是這個樣子。

rem+動態js設置font-size

好處在於應用的是物理像素，清晰
缺點是：加載慢的時候，會出現一次未識別rem的頁面大小，亂了。能夠弄一個loading，加載完計算以後再顯示。像3.33333rem這種，有時候會丟掉小數部分，顯示不正確。
參考原文必看