移动端dpr解析

移动端中

dpr是devicePixelRatio的简称，表示的是css样式中1px在当前设备上所占的物理像素个数，苹果6一般作为设计中的基准，一般dpr都等于2，也就是我们说的二倍屏

PC端中

在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素，也就是dpr=1

---

其实对于我们用户来说，dpr越大，手机的分辨率越高，物理像素越多，我们的用户体验越好。
这也就是比如我们设置边框为0.5px时，在ios端，是能看到的，但有时候在低分辨率的安卓手机上是看不到的原因。ios端使用一个物理像素来展示这0.5px，而低分辨率的安卓端只使用0.5个物理像素来展示，导致成像不清晰。

drp的计算/定义

devicePixelRatio = 物理像素 / 独立像素
（可以通俗理解为：dpr = 设备的分辨率 / 屏幕的物理宽度）
设备独立像素是一个整体概念，包括了css像素。iphone6的设备宽高为375×667；可以认为是计算机坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素，这可以理解为设备独立像素(或css像素)，然后由相关系统转换为物理像素。
设备分辨率代表物理像素，也称设备像素。逻辑分辨率代表独立像素。
苹果不同型号的机型dpr信息可以看这里：https://blog.csdn.net/Scorpio_27/article/details/52297643