移動開發像素知識
px：css pixels 邏輯像素，瀏覽器使用的抽象單位
dp：物理像素（設備無關像素），跟手機設備有關
dpr：設備像素縮放比，控制px和dp兩者的關係
DPI：打印機每英寸可以噴的墨汁點
PPI：屏幕每英寸的像素數量，即單位英寸內的像素密度
計算公式：1px = (dpr)^2 * dp
以iphone5爲例子：（屏幕分辨率：1136 * 640，4英寸，dpr：2）
通過上述公式可計算得：320px * 568px（有些人不會算的，自己慢慢琢磨！）
如果還是不懂，可以直接通過瀏覽器的開發者模式觀看。
PPI（每英寸的像素密度）的計算：（以iphone5爲例子）
也可以知道PPI越高，屏幕越清晰，可視度越低，系統的默認縮放比（dpr）越大。
可以從電腦的設備分辨率知道（分辨率越大，圖標顯示越小；分辨率越小時，圖標顯示變大，同時屏幕清晰度降低）
爲什麼呢？？？ 因爲：1px中等於更多的物理像素了！！！
拓展下:
Retina屏（高清屏）：dpr都是大於等於2