👀像素vs分辨率

[MJingv]

https://www.zhihu.com/question/21149600 http://www.ayqy.net/blog/%E5%AE%8C%E5%85%A8%E7%90%86%E8%A7%A3px-dpr-dpi-dip/

像素（pixel/px）

1. 数码像素

• 数码像素是一种虚拟化的数字，大小可以任意，或者说没有实际的物理尺寸大小
• 通常我们理解的一个像素是1：1的正方形块

  2. 屏幕像素

• 屏幕像素是指显示屏的像素
• 具有物理尺寸大小，通常是英寸-inch, 这些像素通常来说只有一种比列1：1的正方形，并且像素点之间是紧挨着的

各种分辨率

1. 数码图像像素（Resolution）

• 数码图像的分辨率就是指这幅图的像素多少，究竟有多少个像素。

  2.数码打印分辨率或屏幕分辨率（pixels per inch/ppi）

• 原始数码图像应该打印多大的物理尺寸
• 高ppi可以让打印更精细，但是画面元素在物理尺寸上会缩小

  3.打印机分辨率或物理世界（dots per inch/dpi）

• 打印机分辨率指打印的精细度，dots指的是油墨点

CSS像素

• CSS样式代码中使用的逻辑像素
• 1个CSS像素在不同设备上可能对应不同的物理像素数，这个比值是设备的属性（Device Pixel Ratio，设备像素比）

  设备像素比（DPR）

• DPR = 物理像素数 / 逻辑像素数
• 比如dpr=2时，1个CSS像素由4个物理像素点组成，见上面对CSS像素的解释