CSS像素和物理像素的区别&&像素比DPR

1，物理像素

他也被称为设备像素，他是屏幕的物理单位，他是现实中实际存在的，任何带有屏幕的设备都是有像素组成的，他的像素是在出厂的时候是已经设置好的。

2，css像素 （逻辑像素）

它也被称为设备的独立像素，是web前端开发者构造的，他不是实际存在的，在css和javascript中使用的一个抽象的层，每一个css声明和几乎所有的javascript属性都使用css像素，因此实际上从来用不上设备像素（一个css像素）里可能包含一个或多个像素点，包含的越多屏幕上看的越清晰。（pc端电脑上的物理像素和css像素是一致的）

3.设备像素比DPR

设备像素比 dpr ，全名device pixel ratio ，即物理像素与逻辑的像素的比

window.devicePixelRatio指的是设备物理像与逻辑的像素的比

他的换算是windew.devicePixelRatio=物理像素 / 设备独立像素（dips）

例如iPhone12 mini的DPR是3