问题点1：iphone5分辨率：640 * 1136 dp，为什么chrome浏览器F12中显示的320 *568？？
iPhone5 分辨率640 * 1136指的是
物理像素，而实际开发中用的px是
逻辑像素，
- px : 逻辑像素，浏览器使用的抽象单位（抽象单位指根据不同设备可以变大变小）
- dp, dt： 物理像素，与设备无关（物理像素是固定的不会改变）
- dpr：像素比
- ppI越高，像素越高，图像越清晰，系统默认设置缩放比越大
- 视网膜Retina屏: dpr>=2
计算公式：
1px = dpr^2 * dp
iphone5的dpr=2 即 1px = 4 * dp (x轴2个，y轴2个)
因此，640dp * 1136dp = 320px * 568px
问题点2：为什么iphone5的dpr等于2 ？
知识点：
PPI
计算公式：PPI = （1136^2 + 640^2）/4=326ppi (视网膜Retina屏)，根据ppi缩放比图，326属于超高dpi，所以默认缩放比为2 即dpr=2
完整换算流程如图：