像素理论

1、屏幕尺寸： 手机屏幕对角线的长度，单位英寸

物理像素：也称为设备像素，是显示设备显示中一个最微小的物理部件。

2、屏幕分辨率：屏幕横、纵向上的物理像素点数。

3、屏幕像素密度：屏幕对角线上的物理像素点数除以屏幕尺寸。即每英寸上的物理像素点数

4、css像素：是一个抽象单位，是web开发者创造的，是web开发中的一个最小单位。

css像素与物理像素的关系由浏览器厂商维护。

5、位图像素：是图像的最小单位。一个位图像素是栅格图像最小数据单位。只有当一个位图像素等于一个物理像素时，图像才能完美呈现。

6、设备独立像素：也叫密度无关像素，可以认为是计算机坐标系统中的一个点。这个点代表一个可以由程序使用的虚拟像素（比如：css像素），是设备提供的接口，对接css像素，然后由相关系统转换为物理像素。

7、像素比： 官方定义为：设备物理像素和设备独立独立像素的比例。

通过 window.devicePixelRatio 来获取。

更准确的定义为：一个方向上占满一块屏幕需要的物理像素的个数 / 一个方向上占满一块屏幕的设备独立像素的个数。（指的是个数比）

当写上meta标签后，width = device-width,使css像素与设备独立像素链接了起来

即css像素等同于设备独立像素。

1css像素 = 4倍物理像素