還是從具體的案例來去認識移動端中的各種定義吧。
以最常見的設計圖參考iphone6來舉個栗子，詳細說。
4.7in
2.3*4.1 in
16：9
375 * 667 dp
750*1334px
2.0 xhdpi (密度)
4.7英吋
2.3(寬度)*4.1(長度) 英吋
高度：寬度
375*667 (points)
750*1334 px
2.0 xhdpi
1 iphone6的大小是4.7英吋的，計算方法是對角線的長是4.7英吋，意味著iphone6的對角線長度是4.7*2.54 = 11.938cm（約等於12厘公尺）
（1英吋(in)=2.54厘公尺(cm)）2 iphone6的手機顯示的螢幕寬度是2.3英吋（5.842cm），長度是4.1英吋（10.414cm）。注意這裡的長度和寬度值是顯示的螢幕，因為iphone6不是全屏手機，所以還有很多不是顯示的地方，而我們比較常見的iphone6的手機尺寸大小是長寬分別為138.1 mm*67.0 mm。如下圖：
3 其中16：9就不用解釋了，其實就是長寬的比，也就是4.1: 2.3。
4 iphone6中的邏輯解析度是375*667，這個邏輯解析度是通過演算法所達到的。375可以理解為375個內容點，內容點才是真正用來顯示內容的範圍。在此之前，i5,i4都是320個內容點。
5 iphone6的物理解析度是750*1334px，這個單位是px。
6 iphone6的縮放因子是2，其實也就是dpr的值是2。
縮放因子dpr（裝置畫素比）
早期的iphone3gs的螢幕螢幕解析度是320 * 480，這個時候的縮放因子是1倍。ios繪製圖形（cgpoint/cgsize/cgrect）均已point為單位。所以1 point = 1 pixel
後來在iphone4中，同樣大小（3.5inch）的螢幕採用retina(視網膜)螢幕顯示技術（同樣的尺寸，畫素多了一倍），橫、縱向方向畫素密度都被放大到2倍，畫素解析度提高到（320 * 2） * （480 * 2） = 640 * 960,顯像解析度提高到iphone3gs的4倍。iphone6plus中橫、縱向方向畫素密度都被放大到3倍，顯像解析度提高到iphone3gs的9倍。所以1 point = 2 pixel
dpr的計算公式：
* dpr = 單位長度內（pixel/point）;*
比如ipone6中的scale的值 = 750px / 375pt = 2.0
畫素密度ppi
表示沿著對角線，每英吋所擁有的畫素（pixel）數目，ppi的數值越高，代表顯示屏能夠以越高的密度顯示影象，即通常所說的解析度越高，影象更清晰。圖為各個值
根據勾股定理： iphone4的ppi的計算值：
總算顯示總結了一部分知識後續在去補充。
物理畫素與邏輯畫素相關概念
物理畫素dp physical pixel 邏輯畫素 裝置獨立畫素dip device independent pixels 裝置畫素比dpr device pixel ratio 螢幕畫素密度ppi pixel per inch 每英吋的畫素dpi dots per inch 1 物理畫素 phy...
移動端1畫素邊框
通常我們會有偽類和定位來解決1畫素的問題，但是使用偽類也是有問題的，但是你可以換一種方式實現1畫素邊框的問題，box shadow 1.實現下邊框 box shadow inset 0 1px 0 0 000 2.實現右邊框 box shadow inset 1px 0 0 0 000 3.實現左邊...
關於移動段裝置物理畫素和css畫素的一點研究
拿ip6為例 375 667指的到底是什麼？答案 css邏輯解析度 研究過程，我們把ip6的物理水平尺寸 也就是螢幕寬度 算出來 大概是5.9cm 尺子量的，不會特別精確 換算成in的話2.3228，先驗證ppi 官方給出的ppi是326，用1334 2.3228大致就是322，驗證成立。接下來需要...