设备像素
设备像素（device pixel）又称为物理像素，指设备能控制显示的最小物理单位，不一定是一个小正方形区块，也没有标准的宽高，只是用于显示丰富色彩的一个点。从屏幕在工厂生产出的那天起，它上面的设备像素点酒固定不变了，单位为pt。通常我们问的屏幕分辨率多少问的就是这个屏幕的长宽下分别有多少个设备像素，例如1920*1024
css像素
css像素也叫虚拟像素，CSS像素是用于网页设计和开发中的一个概念，它提供了一种相对一致的尺寸单位，可以在不同屏幕分辨率和设备上展示相似的视觉效果。
css中的像素分为绝对单位和相对单位，
常见的长度绝对单位有px、cm、mm、in（英寸：1in=96px=2.54cm）、pc（1pc=12pt）
相对单位有em（相对元素的字体大小）、rem（相对于根元素的字体大小）、vw、vh、vmin、vmax、%。
设备独立像素（DIP）
设备独立像素（Device Independent Pixel）：与设备无关的逻辑像素，代表可以通过程序使用的虚拟像素，用于在不同的屏幕分辨率和设备像素密度下进行布局和显示的统一，也就是在标准条件下，一个逻辑像素的区域中显示的实际物理像素数量。通过使用 DIP 和其他技术，开发者可以编写响应式和可适应的网页布局，以便在不同设备和分辨率下提供一致的用户体验。
DPR
DPR（Device Pixel Ratio），设备像素比，是指浏览器渲染页面时物理像素与设备独立像素之间的比率，DPR越大表示屏幕越清晰。
DPR = 设备像素 / 设备独立像素
当设备像素比为1:1时，表示1（1✖️1）个设备像素表示一个css像素
当设备像素比为3:1时，表示使用9（3✖️3）个设备像素显示1个css像素
PPI
PPI（pixel per inch），每英寸像素比，表示每英寸所包含的像素点数目，更确切地说法应该是像素密度，用于屏幕显示器等显示设备的描述。PPI越大，屏幕显示越清晰。
计算公式：PPI = (√x^2 +Y^2) / 屏幕尺寸
DPI
DPI（Dots Per Inch），“每英寸点数”，也叫做“像素密度”。它是衡量打印机、显示器或图像设备上每英寸所能打印或显示的点（像素）的数量。DPI用于衡量输出设备的精细程度，指定了设备上每英寸的分辨率。
在打印机上，DPI表示每英寸上打印的墨滴或颜色点的数量。更高的DPI意味着更多的墨滴或颜色点，使打印品质更精细和清晰。