来看一看css像素，物理像素，设备独立像素的关系g啊

1像素
是组成屏幕或者是图片的单位，但是并不能用长度进行衡量。不能说我们的像素是几毫米或者是几微米。他是一个相对的单位

2分辨率
分为图片分辨率和屏幕分辨率。

例如：图片的分辨率为3016x4032，我们只能说这张图片是由宽3016的像素点*高4032的像素点构成的。
例如我们的屏幕，1024x720，那么也就是说由1024x720个物理像素点组成。
图片的这个所谓的像素点的决定因素是你的相机好不好。
屏幕的物理像素决定因素是你的屏幕够不够高科技

3 css像素
我们写页面所说的宽100px,高200px的div
这个像素就是我们所谓的css像素，是相对于物理像素的
dpr(设备像素比) = 物理像素 / css像素

4设备独立像素
设备独立像素就是我们的css像素，也是我们手机的像素320*568

我们的设备独立像素由好几个物理像素构成
但是也取决于我们的高科技和设备像素比（dpr）

例如我们现在手机是320x568，像素比是4
那么我们一个设备独立像素 = 4 个物理像素

那么在十年后，科技飞速发展
我们的手机还是320x568，但是像素比是16
那么我们一个设备独立像素 = 16 个物理像素

所以说我们的css像素是一个相对单位，相对于物理像素。取决于科技的发达

小故事，在用板砖机的时代，我们的一个物理像素就等于一个设备像素。乔布斯的iphone发布，展现了一个设备像素 = 两个物理像素的手机。是画面更加的清晰可见。

小知识，屏幕的缩放，影响的不是分辨率，而是我们的css像素变了。（不缩放的情况下不变）其他的分辨率，物理像素，dpr都没变