屏幕尺寸：指的是屏幕對角線的長度
分辨率：是指寬度上和高度上最多能顯示的物理像素點個數
點距：像素與像素之間的距離，點距和屏幕尺寸決定了分辨率大小
PPI:屏幕像素密度，即每英寸(1英寸=2.54厘米)聚集的像素點個數，這里的一英寸還是對角線長度
DPI:每英寸像素點，印刷行業術語。對於電腦屏幕而言和PPI是一個意思
設備像素(又稱為物理像素): 指設備能控制顯示的最小物理單位，意指顯示器上一個個的點。從屏幕在工廠生產出的那天起，它上面設備像素點就固定不變了，和屏幕尺寸大小有關，單位 pt。
設備獨立像素(也叫密度無關像素或邏輯像素)：可以認為是計算機坐標系統中得一個點，這個點代表一個可以由程序使用的虛擬像素(比如: css像素)，這個點是沒有固定下小的，越小越清晰，然后由相關系統轉換為物理像素。
css像素(也叫虛擬像素)：指的是 CSS 樣式代碼中使用的邏輯像素，在 CSS 規范中，長度單位可以分為兩類，絕對(absolute)單位以及相對(relative)單位。px 是一個相對單位，相對的是設備像素(device pixel)
DPR(設備像素比)：設備像素比 = 設備像素 / 設備獨立像素。(在Retina屏的iphone上，DPR為2，1個css像素相當於2個物理像素)
為什么Retina需要二倍圖顯示？如果設計師給你了7501334的設計稿(主流手機分辨率)，如果是普通手機，750px的寬就是100%寬，因為他的物理分辨率和邏輯分辨率相同。而在DPR為2的屏幕上，顯示的卻是200%，因為瀏覽器認為屏幕的分辨率是375667，所有以在為移動端制作網頁時，把DPR為1的"initial-scale=1.0"這樣設置，把DPR為2的"initial-scale=0.5"這樣設置，這樣寬度750px在兩種屏幕下寬度都是100%顯示。所以使用二倍圖才能讓圖片的顯示效果在Retina上達到最佳。
在移動開發中，DPR是可以獲取的，這樣我們就可以動態改變initial-scale
參考：
http://www.cnblogs.com/libin-1/p/7148377.html
http://www.cnblogs.com/xianyulaodi/p/5533201.html
http://div.io/topic/1092
http://www.ayqy.net/blog/完全理解px-dpr-dpi-dip/