物理像素、逻辑像素（css 像素）

逻辑像素

就是 UI 设计稿定义的长度和宽度, 或者代码里面的 css 定义的长度和宽度，比如: width: 100px, height: 200px。

逻辑分辨率

逻辑像素点的总数即为逻辑分辨率。 比如 iPhone 的一张照片的分辨率是 3072 * 4096，则就是逻辑分辨率。

物理像素

屏幕由 N 多个小方块, 每个小方块显示一个颜色，一个小方块代表一个物理像素。

物理分辨率

物理像素点的总数即为物理分辨率。 比如 iPhone X 的物理分辨率是 1125 x 2436 像素。

举例

假设一张照片的逻辑分辨率是 3072 _ 4096，而电脑的显示器的物理分辨率为 1920 _ 1080，那么只能显示一部分。 那么只能通过 缩小图片，一个物理像素的格子 负责 多个逻辑像素的绘制，这样显示格子就够用了。

iPhone 手机 ---- 点(point)和像素的关系

像素 = 点 x 缩放比
pixel = point * scale

iPhone X 的屏幕 375 × 812 个点，缩放比为 3x，所以它的像素是: 375 _ 3 = 1125, 812 _ 3 = 2436，即为 1125 x 2436 像素。

iPhone 6 Plus 是 414 × 736 个点，它的 3x 应该是 1242 × 2208 像素，但是 实际上 1080 × 1920 像素，估计是当时的技术限制