屏幕上一个物理像素点
在 CSS 里中，Px 实际是抽象的，会根据
devicePixelRatio计算实际物理像素
Density-independent Pixel：设备独立像素、密度无关像素（很糟糕的官译）
Dots Per Inch：每英尺内的物理像素点数
屏幕像素密度，使用 Dpi 作为单位
| Type | Density Qualifier（Android 的 SD 标识） | Dpi |
|---|---|---|
| Medium | MDPI | ~160 |
| High | HDPI | ~240 |
| Extra high | XHDPI | ~320 |
| XX High | XXHDPI | ~480 |
| XXX High | XXXHDPI | ~640 |
px = dp * (dpi / 160)
Medium 和 Hign 下的单位计算推导，其结果代表了 1dp 对 1px 的缩放比
| MDPI | HDPI | XHDPI | XXHDPI | XXXHDPI |
|---|---|---|---|---|
| 1x | 1.5x | 2x | 3x | 4x |