>[danger]逻辑像素和物理像素的区别 逻辑像素（logical pixel）和物理像素（physical pixel）是两个在移动设备屏幕上经常提到的概念，它们之间存在着一定的区别。 - **逻辑像素**：也称为设备无关像素（device-independent pixel），是一种相对单位，它是CSS布局和渲染的基础。在CSS中我们通常使用px作为逻辑像素的单位。逻辑像素是相对于设备视口的单位，它会随着缩放比例的改变而改变，使得页面可以在不同的屏幕分辨率下保持相似的布局。 - **物理像素**：也称为设备像素（device pixel），是显示设备的最小物理单位。物理像素是显示屏幕上实际存在的点，它们组成了屏幕上的图像。物理像素的数量决定了屏幕的分辨率。 在传统的PC屏幕上，逻辑像素与物理像素通常是一一对应的，即一个逻辑像素对应一个物理像素。但是在高分辨率的移动设备上，由于屏幕尺寸有限，需要在同样大小的屏幕上显示更多的内容，因此引入了逻辑像素。 当设备的像素密度（每英寸的物理像素数）提高时，一个逻辑像素可能对应多个物理像素。例如，苹果的Retina显示屏上，一个逻辑像素相当于2×2个物理像素。 为了在移动设备上进行适配，开发者通常使用逻辑像素来设置元素的尺寸和间距，使其在不同的屏幕密度下保持一致的外观。CSS中使用的px单位实际上是指逻辑像素。 总结来说，逻辑像素是CSS布局和渲染所使用的单位，它相对于设备视口，可以根据设备的缩放比例进行调整；而物理像素是实际存在于设备屏幕上的点，决定了屏幕的分辨率。