需要了解的基礎知識：

物理像素：物理像素又被稱為設備像素，他是顯示設備中一個最微小的物理部件。每個像素可以根據操作系統設置自己的顏色和亮度。正是這些設備像素的微小距離欺騙了我們肉眼看到的圖像效果。

設備獨立像素：也稱為密度無關像素，可以認為是計算機坐標系統中的一個點，這個點代表一個可以由程序使用的虛擬像素(比如說CSS像素)，然后由相關系統轉換為物理像素。

設備像素比：簡稱為dpr，其定義了物理像素和設備獨立像素的對應關系。它的值可以按此公式計算得到：設備像素比 ＝ 物理像素 / 設備獨立像素 （安卓一般為：1；iPhone為2或者3）

visual viewport：可見視口，即屏幕寬度；

layout viewport：布局視口，即DOM寬度；

idea viewport：理想適口，使布局視口就是可見視口；

設備寬度（visual viewport）與DOM寬度（layout viewport），scale的關系是：（visual viewport）= （layout viewport）* scale

獲取屏幕寬度的尺寸：window. innerWidth/Height

獲取DOM寬度的尺寸：document. documentElement. clientWidth/Height

viewport的meta標簽