引子第一次写页面的时候，我对页面中的px感兴趣。 电脑的分辨率好像正好对应页面渲染的宽度值，但手机里却不是。 我记得当时去找相关资料，好像知道发生了什么。 最近，我在脑海里再次想起了这个问题，但我不知道该怎么表达，也没有笔记。 我认为这需要区分相关的概念。
OriginMy GitHub画面尺寸画面尺寸是指画面对角线的尺寸，常见的说明是英寸(in )，1 in=2.54 cm。
像素是控制屏幕上图像显示的最小组件，是抽象的采样，而不是点或方形。 每个像素都有颜色，颜色通常用三个或四个成分表示。 例如，在RGB方法中，用红、绿、蓝三原色的光学强度表示一种颜色，在CMYK方法中，用青色、品红色、黄色、黑色四种颜料的含量表示一种颜色，CMYK色域在印刷行业和打印机中很常见。
通常，一个像素被视为数字图像的最小单位。 根据上下文的不同，像素的含义可能不同，例如视频像素、打印像素、显示器像素或数码相机(感光元素)像素。 根据上下文的不同，有更准确的同义词，例如采样点、字节、位、超集和斑点。
设备设备设备像素是指设备中使用的实际像素，也称为物理像素。 在同一设备上，像素总数是固定的。
像素密度PPI和dpiPPI(pixelsperinch )是指每英寸的像素数量，常用于测量计算机显示设备的像素密度。
dpi(dotsperinch )是数字打印每英寸的点数，用于测量印刷业中空间点的密度。
理论上，PPI可以根据已知对角线的尺寸和画面的分辨率来计算。 可以用以下公式计算。
w为水平方向的像素数h，垂直方向的像素数d为屏幕尺寸例如21英寸屏幕，当分辨率为1920*1680时，为w=1920，h=1680，d=21，带入计算中的PPI=121.49。
CSS像素CSS像素是编程中的概念，用于逻辑测量像素单位。
“分辨率”(Image resolution )是指测量或显示系统细节的分辨率。 从多个方面来看，有像素分辨率、空间分辨率、光谱分辨率、时间分辨率。 通常，接触的大部分是像素分辨率，例如常说的视频分辨率、显示分辨率、图形分辨率。 此处仅说明像素分辨率的类别。 其他类型的介绍在这里。
屏幕分辨率屏幕分辨率是屏幕上显示的像素总数，进一步细分为物理分辨率和显示分辨率。
物理分辨率是特定于显示器的参数，不可调整。 一般是指画面的最高可显示像素数。 显示屏分辨率是指操作系统设置的分辨率。 如果显示器分辨率和物理分辨率匹配，则显示效果最佳，一般推荐的分辨率为物理分辨率。 系统设定的分辨率通过算法进行了转换。 例如，当用移动电话观看关于移动电话的信息时，所设置的分辨率信息为720*1280，这意味着在屏幕的水平方向上为720像素，在垂直方向上为1280像素。
图像分辨率图像的分辨率是单位英寸中包含的像素总数。 图像分辨率的表现方法也是“水平像素数垂直像素数”。 例如，一张图像的分辨率为320*289，意味着图像的水平方向为320像素，垂直方向为289像素。
devicePixelRatio这里是指Javascript的window.devicePixelRatio。 这是设备上物理像素与设备独立像素(device-independent pixel，dips，dp )的比率。 用公式表示，devicePixelRatio = 物理像素 / 设备独立像素这也可以解释为CSS像素和物理像素的比率。 简单来说，就是告诉浏览器绘制CSS像素所需的物理像素的数量。 此属性可用于区分视网膜设备和非视网膜设备。
设备的独立像素也称为逻辑像素，是基于计算机坐标系的物理测量单位。 APP将独立的像素传递给系统，系统将设备的独立像素转换为物理像素。 设备由独立像素定义的大小将显示为适当的大小，而与屏幕参数无关。 在IOS视网膜设备上，screen.width返回的不一定是dips，在Andioid设备上，screen.width不一定是dips。
参考资料https://en.Wikipedia.org/wikiel https://zh.Wikipedia.org/wiki/像素https://zh.Wikipedia.org/wiki /位图3359 wiki/image _ resolution https://zh.Wikipedia.org/wiki /分辨率3359 www.Jian Shu.en-us/docs/web/API/window/device 2012/06/devicepixelrrror API/window/devicepixelratio https://en.Wikipedia.org/wiki/device-independent _ pixel 3359