介绍刚开始写页面的时候，对页面中的px还是比较好奇的。电脑上的分辨率好像对应的是页面渲染的宽度值，但是手机里不是。就这样，我记得当时是在找相关资料，好像知道是怎么回事似的。最近又想到了这个问题，但是不知道怎么表达，也没有相关的笔记。我觉得有必要区分一下相关的概念。OriginMyGitHubscreensize屏幕尺寸是指屏幕的对角线尺寸，常见单位为英寸（缩写为in），1in=2.54cm。像素像素是屏幕上显示的图像的最小可控组件。它不是一个点，也不是一个方块，而是一种抽象的抽样。每个像素都有一种颜色，颜色通常由3或4个分量表示。例如，RGB法是用红、绿、蓝三基色的光强度来表示一种颜色，CMYK法是用青、品红、黄、黑四种颜料含量来表示的。为了表示一种颜色，CMYK色域在印刷行业和打印机中很常见。像素通常被认为是数字图像中的最小单位。一个像素在不同的上下文中可能有不同的含义，例如视频中的像素、打印中的像素、显示屏中的像素或数码相机（感光元件）中的像素。根据上下文，还有更精确的同义词，如采样点、字节、位、超集、点等。设备像素设备像素是指设备中使用的真实像素，也称为物理像素。在同一台设备中，像素总数是固定的。PixeldensityPPI和DPIPPI（pixelsperinch）是指每英寸的像素数，常用来衡量计算机显示设备的像素密度。DPI（dotsperinch）是指数码印刷每英寸的点数，在印刷行业用来衡量空间网点的密度。理论上，PPI可以通过已知的对角线尺寸和屏幕分辨率来计算。可以通过以下公式计算：w为水平方向的像素数h为垂直方向的像素数d为屏幕尺寸如21寸屏幕分辨率为1920*1680，则w=1920，h=1680，d=21，带入计算的PPI=121.49。CSSpixelCSSpixel是编程中的一个概念，用于逻辑上度量像素的单位。分辨率（Imageresolution）一般指测量或显示系统区分细节的能力。从不同的方面来描述，有像素分辨率、空间分辨率、光谱分辨率和时间分辨率。平时接触的大多是像素分辨率，比如视频分辨率、显示分辨率、图形分辨率等。这里只讨论像素分辨率类别。其他类型的相关介绍在这里。屏幕分辨率屏幕分辨率是屏幕上显示的像素总数，细分为：物理分辨率和显示分辨率。物理分辨率是显示器的固有参数，无法调整。它一般是指屏幕上可以显示的最高像素数。显示器分辨率是由操作系统设置的分辨率。当显示分辨率与物理分辨率一致时，显示效果最佳。通常，推荐的分辨率是物理分辨率。系统设置分辨率生效是因为它是经过算法转换的。比如你在手机上查看手机的信息，可以看到分辨率信息是720*1280，也就是说屏幕水平方向有720像素，垂直方向有1280像素。图像分辨率图像分辨率是单位英寸中包含的像素总数。图像分辨率的表达方式也是“水平像素数×垂直像素数”。比如一张图片的分辨率是320*289，表示图片水平方向有320个像素点，垂直方向有289个像素点。这里的devicePixelRatio是指Javascript中的window.devicePixelRatio，它是设备上的物理像素与设备无关像素（device-independentpixel,dips,dp）的比值。用公式表示：devicePixelRatio=物理像素/设备独立像素。这也可以解释为CSS像素与物理像素的比率。简单来说就是告诉浏览器绘制一个CSS像素需要多少个物理像素。此属性可用于区分Retina设备和非Retina设备。设备无关像素，也称为逻辑像素，是一种基于计算机坐标系的物理测量单位。应用程序告诉系统独立像素，系统将设备无关像素转换为物理像素。无论屏幕的参数如何，都可以以适当的大小显示设备无关像素中定义的大小。在IOSRetina设备上，screen.width的返回值是dips，在Andioid设备上screen.width的值不一定是dips。参考资料https://en.wikipedia.org/wiki...https://zh.wikipedia.org/wiki...https://zh.wikipedia.org/wiki...https://en.wikipedia.org/wiki...https://en.wikipedia.org/wiki...https://zh.wikipedia.org/wiki...https://www.jianshu.com/p/c33。..https://developer.mozilla.org...https://www.quirksmode.org/bl...https://developer.mozilla.org...https://en.wikipedia.org/维基...http://yunkus.com/physical-pi...https://segmentfault.com/a/11...
