小程序之像素定义

基础概念：

1.分辨率：分辨率是屏幕像素的数量，一般用屏幕宽度的像素点乘以屏幕高度的像素点。如描述iphone6的分辨率是750*1334.

分辨率又分为【物理分辨率】和【逻辑分辨率】，值得注意的是实际工作中设计师常常给的是物理分辨率，程序中用到的是逻辑分辨率，但是都称为分辨率，容易混淆。

【物理分辨率】是硬件所支持的分辨率，【逻辑分辨率】是软件可以达到的分辨率

2.屏幕尺寸：指的是屏幕对角线的长度

区分：

1.设备像素（device pixels）

指设备能控制显示的最小物理单位，意指显示器上一个个的点。从屏幕在工厂生产出的那天起，它上面设备像素点就固定不变了，和屏幕尺寸大小有关，单位 pt

2.CSS像素（CSS piexels）

也叫虚拟像素，指的是 CSS 样式代码中使用的逻辑像素，在 CSS 规范中，长度单位可以分为两类，绝对(absolute)单位以及相对(relative)单位。px 是一个相对单位，相对的是设备像素(device pixel)

3.PPI/DPI（pixel per inch）

ppi

4.DPR（devicepixelRatio）

设备显示的物理像素数和你css的px数的比值就叫做设备像素比

dpr

5.rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6

上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。