对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：
1）选取一款手机的屏幕宽高作为基准(比如 iphone6的375×667)。
2）对于高清屏幕，为了达到高清效果，视觉稿的画布大小会是基准的2倍（对iphone6而言：原先的375×667，就会变成750×1334）。
问题1：对于dpr=2的手机，为什么画布大小×2，就可以解决高清问题？
首先，我们要先了解一下 dpr 是什么？
设备像素比(简称dpr)定义了物理像素和设备独立像素的对应关系，它的值可以按如下的公式的得到：
设备像素比 = 物理像素 / 设备独立像素 // 在某一方向上，x方向或者y方向
一个物理像素是显示器(手机屏幕)上最小的物理显示单元，在操作系统的调度下，每一个设备像素都有自己的颜色值和亮度值。
设备独立像素，这个点代表一个可以由程序使用的虚拟像素(比如: css像素)，然后由相关系统转换为物理像素。
总而言之，就是不同的设备（不同的系统），他们有不同的dpr，这些设备在拿到前端写好的页面（即css像素布局）之后，会根据dpr占用不同数量的物理像素。但
