提出问题
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