ppi、dp、pt、px、dpr、vw、rem、em、物理像素、逻辑像素……懵就对了！
结论
明白结论说什么的，可跳过此文
以下物理大小单位为 inch：
- 物理像素的物理大小 = 1/ppi
- 1dp 物理大小 = ppi/160 * 1物理像素物理大小 = ppi/160 * 1/ppi = 1/160
- 1 css逻辑像素物理大小= dpr * 1物理像素物理大小 = dpr * 1/ppi
- 当 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 像素进行缩放(淘宝现在采用的方案？)
后记
对各种单位的理解一直比较模糊，今据搜索信息做点计算、推断，如有错误请多指教。