一切都从像素开始
根据维 基百科 的词源，pixel这 个词 是pix和el的 组合，是 pictures和element的缩 写形式。
像素 是数字成 像中 的最 小 单位，可分 为 两类:
虚拟 像素: 它的大 小是任意 可变的，没有 实际的 物理大 小。
物理 像素:通常 用于 描述 手机、电 脑、显示器 等设 备的像 素。设备 出厂时 已经确定，是不 可变的，有实 际的物理 尺寸(一般 用英 寸表示)。
物 理像素(即屏 幕像素)是显 示设备 的最小 成像 单位。我们“肉眼”看到的 物理 像素，都是真 实的物 理发光元件。由于它 们是物 理元素，所以 不 可能“无缝”填满整 个屏幕。而且 像 素(即 元素)的大小和 形状 可以自 由定 义，在屏 幕上大 多是 正方形或 近似正 方形。两 个相邻 像素 之间的 距离是 点距。点 距越小，成 像越精 细，特写体 验越 好。但并 不意味着像素排列紧密就意味着“视觉效果”更好。比如户外的大型LED广告牌，可以清晰的看到黑色的缝隙，因为它们的组件排列都有缝隙。
虚拟像 素和物 理成像 有一定的 映射关 系，这是 由显示设 备或打印设 备决 定的。
解 决我们 发现通 常描述“分辨 率”的单 位也叫 像素，但有什 么区别呢？
物理屏幕 分辨 率:一般指 电视机、电脑显 示器、手 机屏幕 等显示设 备的分 辨率。它是 在设备出 厂时确定 的，不能 修改，并且 具有特定的 物理 尺寸。
人们常 说的1920 × 1080分辨 率手机，指的是 横向1080像素，纵 向1920像素 的显 示屏。
显示分 辨率:也称 为屏幕 分辨率，它 没有特 定的物 理大小，可 以修改。
常 说的“调整 电脑屏 幕分辨率”，修改的 就是显示分 辨率。当 显示分辨率与 屏幕分 辨率一致 时，意 味着一个 虚拟 像素 会被一个物 理像素显示 出来，显示 效果 最佳。当两者 不同 时，会有 相关系统使用 算法模 拟像素，这些 模拟过 程会带 来图像质量的损失。
还有很多分类，比如图像 分辨率、打印 分辨率、传感器 分辨率等。详情 见维基。
以上描述来自。
请注 意，屏幕的 精细 程度不能 单纯用显示器的 分辨率 来衡量。想象一下，同样的 分辨率1920 × 1080，一个 在5.5寸的手 机屏幕上，一个在40寸的电视 屏幕上。细度 会一样吗？
屏幕大小
这个东西最初是外 国人发 明的，所以 经常用 单位“寸”来形 容。单位 转换:1英寸= 2.54厘米(cm)。
注意，英寸是 长 度单位，而不是 面积单位。
比如4.7寸 的手机，这里 的4.7寸是指手机 显示屏对角 线的长度，而不是显示 屏的宽度 或高度，更不 是面积。对，那是数学 中直角三角形 的斜边。还记得 勾股定理吗？
下面提到的每英寸像素数(PPI)是指屏幕每英寸的像素数，也指对角线的长度，而不是面积。
每英寸像素
每英寸像素通常用来衡量电子设备屏幕的精细程度。
每英寸像素数的单位一般是PPI(Pixel Per Inch)，表示单位长度的像素数(注意不是单位面积的像素数)。
电子设备的PPI取决于“屏幕尺寸”和“显示分辨率”。计算规则如下:
其中，
Dp是屏幕对角线的分辨率。
Di是屏幕对角线的长度(单位为英寸)
Wp是屏幕的水平分辨率
惠普是屏幕纵向分辨率
以4.7英寸的iPhone 7为例，分辨率为750 × 1334，每英寸像素约为326PPI(在线换算)。应当注意的是，转换应当基于设备的“实际尺寸”，而不是制造商的“广告尺寸”。两者可能会有一些偏差，自然计算结果会产生误差。例如
数码相机和手机屏幕的区别在于，数码相机的屏幕通常用“点数”来描述，而不是像素。每个像素包含三个点颜色数(分别为红色、绿色和蓝色)。以佳能50D相机显示器为例。它有92万个点颜色(应该是近似值)，也就是92万种颜色。从这个数据可以算出屏幕有307200像素，分辨率为640 × 480。所以相机显示屏上的点数和像素数经常混淆(来自维基百科)。
还有，用来衡量打印机打印精细度的计量单位是DPI。
DPI(每英寸点数)表示每单位长度可打印的点数。
虽然PPI和DPI有区别，但是“像素”只存在于屏幕显示领域，而“点”只出现在打印或印刷领域。但是PPI也会影响图片的打印质量，所以很容易混淆或者混淆。例如，在索尼支持的一篇文章中指出:
这两个术语之间的混淆有几个原因。首先，尽管PPI指的是屏幕上数字图像的分辨率，但它也会影响最终打印图片的质量。第二，甚至一些专业的打印服务都要求图片必须达到一定的DPI级别才能打印；他们通常指的是PPI，而不是DPI——因此，这增加了混乱。
因为这篇文章关注的是显示屏领域像素之间的关系，而不是打印领域，而且我也不是很了解，所以就不做过多介绍了。今天到此为止吧，哈哈！
设备无关像素
DIP(设备无关像素，设备无关像素)；密度无关像素(Density-independent pixel)是一种长度单位，通常缩写为DP或DIP。
在Android开发中很常见，一个基于屏幕密度的抽象单元。这些单位与160 dpi屏幕有关(通常Android设备的分辨率是160的整数倍)。在Android操作系统上，1dp相当于160dpi屏幕上的一个物理像素。dp与物理像素的比例会随着屏幕密度的变化而变化，但不一定成正比。
在网页设计中，应该以px为单位。其中,《材料设计指南》指出:
做网页设计的时候，用px(像素)代替dp。
CSS像素
众所周知，Web标准是由W3C(万维网联盟)制定的。在CSS标准中，长度单位包括两类:相对长度和绝对长度。其中px是绝对长度单位之一(参见)，
但真的“绝对”吗？
很多网上文章提到px是“相对单位”，原因有二:
不加思考，别人怎么说。
选择的参考对象不同。因为CSS像素和物理像素的关系不一定是1: 1，而是和屏幕每英寸的像素有关。比如iPhone 7下，1 × 1的CSS像素会用2 × 2的物理像素渲染。在Web领域，设备像素比(DPR)通常用于描述CSS像素和最终显示图像之间的关系。
