本文详细介绍了屏幕尺寸、像素的概念，包括设备像素、像素密度（PPI和DPI）、CSS像素。同时，文章深入探讨了分辨率的定义，如屏幕分辨率和图像分辨率，并解释了devicePixelRatio在不同设备上如何影响CSS像素和物理像素的比例。通过阅读，读者可以更好地理解这些概念在网页开发中的应用。
引子
最开始写页面的时候，对页面里面的 px 还是蛮好奇的，电脑上的分辨率好像正好跟页面渲染的宽度值对应，但手机里面却不是这样的，记得当时还去找了相关资料，好像知道是怎么回事。最近脑海里再次想起了这个问题，但已经不知道该如何表述，又没有相关的笔记，这个觉得有必要区分一下相关的概念。
屏幕尺寸
屏幕尺寸是指屏幕对角线的尺寸，经常看到的描述是英寸（缩写 in），1 in = 2.54 cm 。
像素
像素是屏幕上图像显示的最小可控元件，它不是一个点或者一个方块，而是一个抽象的取样。每个像素都有颜色，颜色通常用 3 或 4 个分量表示，例如 RGB 方法用红、绿、蓝三原色的光学强度表示一种颜色，CMYK 方法用青、品红、黄、黑四种颜料含量来表示一种颜色，CMYK 色域在印刷行业和打印机常见。
一个像素通常被认为是数字图像中的最小单位。在不同的上下文中，像素的含义可能不同，例如视频中的像素，打印时的像素，显示屏的像素，或者数码相机（感光元素）中的像素。根据语境的不同，会有一些更
最低0.47元/天 解锁文章
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
