移動端的一些基礎知識

設備像素(物理像素)： 能夠認爲是計算機座標系統中的一個點，這個點表明一個能夠由程序使用的虛擬像素比，而後由相關係統轉換爲物理像素。

屏幕密度：是指一個設備表面上存在的像素數量
CSS像素：是一個抽象的單位，主要使用在瀏覽器上，用來精確度量Web頁面上的內容，css像素稱爲與設備無關的像素
設備像素比（device pixel ratio）:簡稱爲dpr,定義了物理像素和設備獨立像素的對應關係

設備像素比 = 物理像素 / 設備獨立像素

在不一樣的屏幕上，css像素所呈現的物理尺寸是一致的，在普通屏幕下1個css像素對應1個物理像素，而在Retina屏幕下，1個css像素對應的倒是4個物理像素。

在js中，用window.devicePixelRatio來獲取當前設備的dpr,在css中,能夠經過-webkit-device-pixel-ratio，-webkit-min-device-pixel-ratio和 -webkit-max-device-pixel-ratio進行媒體查詢，對不一樣dpr的設備，作一些樣式適配(這裏只針對webkit內核的瀏覽器和webview)。

iphone6設備寬度和高度爲375 667，能夠理解爲設備的獨立像素。他的dpr爲2，因此他的物理像素爲750pt1334pt