1.Pixel

前言

移动Web的基础知识 (the basic knowledge of mobile Web) 

高效的移动Web布局(efficient mobile CSS layout)

终端交互优化(interactive optimization in mobile web)

 

1.Pixel移动开发像素知识

px:CSS pixels 逻辑像素，浏览器使用的抽象单位

dp,pt:device device independent pixels 设备无关像素（物理）

dpr:devicePixelRatio 设备像素缩放比（控制上述两者关系）

计算公式：1px=(dpr)²*dp

 

DPI:打印机每英寸可以喷墨点

PPI:屏幕每英寸的像素数量，即每单位英寸内的像素密度

计算公式：PPI=√(1136²+640²)/4=326PPI (视网膜Retina屏)

PPI越高，像素数越高，图像越清晰

 

Retina屏（高清屏）：dpr都是大于等于2