css像素(也叫虚拟像素)： 指的是 CSS 样式代码中使用的逻辑像素，在 CSS 规范中，长度单位可以分为两类，绝对(absolute)单位以及相对(relative)单位。px 是一个相对单位，相对的是设备像素(device pixel)。
设备像素比（devicePixelRatio）： 设备像素比 = 设备像素 / 设备独立像素。(在Retina屏的iphone上，DPR为2，1个css像素相当于2个物理像素)。普通密度桌面显示屏的 devicePixelRatio=1；高密度桌面显示屏(Mac Retina)的 devicePixelRatio=2；主流手机显示屏的 devicePixelRatio=2或3；视网膜显示屏 == Retina显示屏
分辨率： 是指宽度上和高度上最多能显示的物理像素点个数（说的是块屏幕的像素尺寸）。例如分辨率为1920×1080p，指的是屏幕横向有1920个物理像素点，纵向有1080个物理像素点。
PPI: Pixels Per Inch的缩写，每英寸的像素个数（此处一英寸为对角线长度、且说的是像素密度）。由 分辨率 中X或Y轴的数字除以该轴的长度(英寸)，可得该轴的像素每英寸密度。
DPI： 每英寸的点个数（此处一英寸为对角线长度、且说的是打印点密度）。
PPI 通常使用于计算机屏幕，DPI 通常使用于打印机；但是这两者之间通常被混用，需要在具体的上下文去理解其含义。
点距： 像素与像素之间的距离，点距和屏幕尺寸决定了分辨率大小。高PPI(硬件) + HiDPI渲染(软件) = 更细腻的显示效果(retina)
高分屏：在同样大小的屏幕面积上显示更多的像素点，也就是更多的可视信息。常见的就是SXGA（14001050），UXGA（16001200）。1024*768分辨率的屏幕叫普通屏，也就是XGA的屏幕，这个分辨率以上的屏幕叫高分屏。