在上一篇文章中（使用 rem 实现移动端的自适应布局），我们讲到 iphone6s 的屏幕宽度为 375px，我们拿到的视觉稿也是基于iphone6s 设计的，但是设计稿的宽度却是 750px，这是为什么呢？
原因就是 iphone6s 的屏幕 dpr = 2，首先我们先理解 3 个概念：
物理像素(physical pixel)
一个物理像素是显示器(手机屏幕)上最小的物理显示单元，在操作系统的调度下，每一个设备像素都有自己的颜色值和亮度值。
设备独立像素(density-independent pixel)
设备独立像素(也叫密度无关像素、逻辑像素)，可以认为是计算机坐标系统中得一个点，这个点代表一个可以由程序使用的虚拟像素(比如: css像素)，然后由相关系统转换为物理像素。
设备像素比(device pixel ratio简称 dpr)
dpr = 物理像素 / 设备独立像素 // 在某一方向上，x方向或者y方向
