2.1pixel像素基础

提出问题

iphone对外宣称分辨率为640*1136,科学的介绍应该是640dp 不是640px。
问题1:一张640*1136的图片为什么不能占满整个屏幕? 答案:不能
问题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

2.1pixel像素基础