一篇文章告訴你 1px 等於多少 cm

ppi、dp、pt、px、dpr、vw、rem、em、物理像素、邏輯像素……懵就對了！

結論

明白結論說什麼的，可跳過此文

如下物理大小單位爲 inch：

1. 物理像素的物理大小 = 1/ppi
2. 1dp 物理大小 = ppi/160 * 1物理像素物理大小 = ppi/160 * 1/ppi = 1/160
3. 1 css邏輯像素物理大小= dpr * 1物理像素物理大小 = dpr * 1/ppi
4. 當 ppi 和 dpr 正相關時，1 css邏輯像素物理大小不變，此時，css 邏輯 px 和 android dp 和 ios pt 相似

名詞解釋

以一個例子來看這些名詞：iphone7 分辨率 750*1334，ppi 326，尺寸 4.7 inch，瀏覽器未縮放的視口大小 375*667，dpr 2

• 物理像素，設備能控制顯示的最小物理單位，iphone7 分辨率 750*1334 指的是物理像素
• 邏輯像素，虛擬的，css 使用的就是邏輯像素，視口大小 375*667 說的是邏輯像素
• dpr，Device Pixel Ratio，dpr = 物理像素數 / 邏輯像素數
• 設備尺寸，指設備對角線長度，如 4.7 inch
• ppi，像素密度，每英尺像素數，計算方式：物理像素數/設備物理大小，對於 iphone7: (750^2+1334^2)^0.5 / 4.7 = 326
• dp，密度無關像素，android 使用較多，是 160 ppi 下 1 個物理像素的物理尺寸

物理像素的物理大小

參照 ppi 可知：
物理像素的物理大小 = 設備物理大小/物理像素數 = 1/ppi

1dp 物理大小

1dp 物理大小 = ppi/160 * 1物理像素物理大小 = ppi/160 * 1/ppi = 1/160 inch = 0.00625 inch = 0.015875 cm = 0.15875 mm

css 1px 物理大小

1 css邏輯像素物理大小= dpr * 1物理像素物理大小 = dpr * 1/ppi
對於 iphone 來講，若是 dpr 是 2，1px = 2 * 1/326 = 0.006135 inch = 0.01558 cm = 0.1558 mm，跟 1dp 差很少

h5 適配

本文是看 h5 適配方案的副產品，最後提一下，根據以上推斷，可認爲：
當 ppi 和 dpr 正相關時，1 css邏輯像素物理大小不變，此時，css 邏輯 px 和 android dp 和 ios pt 相似
此時，h5 適配只須要根據視口大小調整 css 像素進行縮放(淘寶如今採用的方案？)

後記

對各類單位的理解一直比較模糊，今據搜索信息作點計算、推斷，若有錯誤請多指教。