关于css像素，分辨率，设备像素比dpr ，视口viewport, ppi, 缩放 的简单理解

1. 分辨率就是window的屏幕分辨率。分辨率，物理像素，设备像素是一个东西。实际开发中不以物理像素为准

2. css像素，逻辑像素，设备独立像素是一个东西，实际开发中使用css像素。iphone6的375像素是逻辑像素

3. 设备像素比dpr ：同一方向缩放比例是1的情况下
   dpr=设备像素/css像素
   在同一方向上标清屏一个物理像素对应一个css像素，而高清屏2个物理像素对应1个css像素，所有标清屏的dpr为1，高清屏的dpr为2。
   dpr=1，可以理解为设备像素和css像素是一对一的关系。
   dpr=2，可以理解为设备像素和css像素是二对一的关系。
   

4. 缩放：改变的是css像素对应的物理像素的个数。
   缩放-放大
   如果一个css像素对应1个物理像素的话。
   设置为放大一倍：
   
   那就是同一方法上两个css像素对应1个物理像素；或者说一个css像素对应2*2个物理像素。
   总结：一个物理像素对应的css变多了，css像素会变大。css像素被放大了，原有页面对应的css像素的物理像素