pixel像素基础知识

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

dp,pt

: device independent pixels 设备无关像素

dpr:devicePixelRatio 设备像素缩放比

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

---

DPI：打印机每英寸可以喷的墨汁点

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

目前，在计算机显示设备参数描述上，二者意思表达的是一样的

举例，iPhone5为例

ppi=√（1136²+640²）/4=326ppi（视网膜Retina屏）

注意：单位为硬件像素，非px

---

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

但可视度越低，系统默认设置缩放比越大

---

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