2.1pixel像素基础

提出问题

iphone5对外宣称：分辨率640*1136
问题1：一张640*1136的图片能不能在此手机上完全占满屏幕显示呢？
答案：默认布局视图784px，iphone分辨率320*568 ，将显示页面缩小到能显示在屏幕中，所以不能完全 占满屏幕显示，留下一定的空白。
通过此问题，说明iphone的分辨率与图像的分辨率不是一个概念！

问题2：问什么iphone5是320*568像素？

基础知识

px：css pixels逻辑像素，浏览器使用的抽象单位
dp，pt：device independent pixels 设备无关像素
dpi：打印机每英寸可以喷的墨汁点（印刷行业）
ppi：屏幕每英寸的像素数量，即单位英寸内的像素密度以iphone5为例子：ppi=326ppi

同一幅图像，在尺寸大小相同的一块屏幕上显示时
ppi越高的设备上显示的越细腻越清晰、还越完整（显示的面积越大）

dpr：devicePixelRatio 设备像素缩放比

当dpr为2时
计算公式 ： 1px（逻辑像素） = (dpr*dpr)*dp 平面上：1px = 4 dp 在长度上：1px的长度 等于 2dp 的长度

低密度屏ldpi： ppi为 120 dpr为0.75
中密度屏mdpi： ppi为 160 dpr为1
高密度屏hdpi： ppi为 240 dpr为1.5
超高密度屏xhdpi： ppi为 320 dpr为2