1.移動端開發通常都會在html中寫下以下的meta標簽

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

需要註意的是無論是這樣寫還是用淘寶flexible.js動態生成meta頭，目的只有一個，那就是讓布局視口等於蘋果手機的分辨率寬高/設備像素比後的寬高。蘋果手機的分辨率是指以下所示

而不是以點位計算的以下單位，

不要被誤解。

以蘋果5s為例，當設置以上meta標簽時,手機的布局視口為320px*568px。這時只要再寫好rem適配邏輯，會自動的適配到320px視口下的基準font-size，從而實現適配目的；

2.移動端適配，其實就做兩件事，一是設置布局視口等於手機的device-with(其實就是分辨率寬高/設備像素比的寬高,同時也是以點位表示的設備寬高)。二用rem單位做適配。這兩件事是獨立的兩件事,不要混淆;

以上只是自己的理解。

移動端適配難點