移动端适配 pixel(二)

  • 屏幕尺寸:指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米。常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。

  • 物理像素(physical pixel):买手机的时候会有一个 n x m 的分辨率,那是屏幕的n x m- 个呈像的点,一个点(小方格)为一个物理像素。它是屏幕能显示的最小粒度.

  • 设备独立像素(density-independent pixel): 设备独立像素也称为密度无关像素,可以认为是计算机坐标系统中的一个点,这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素),然后由相关系统转换为物理像素。

http://yunkus.com/physical-pixel-device-independent-pixels/

  • CSS像素:就是CSS里的px,上面已经讲了是viewport中的一个小方格。CSS像素是Web编程的概念,独立于设备的用于逻辑上衡量像素的单位,也就是说我们在做网页时用到的CSS像素单位,是抽象的,而不是实际存在的。
  • 像素密度(pixel per inch):即dpi或ppi,屏幕每英寸所占的物理像素点。
  • 设备像素比(device pixel ratio) :设备像素比简称为dpr,其定义了物理像素和设备独立像素的对应关系。它的值可以按下面的公式计算得到:
设备像素比 = 物理像素 / 设备独立像素

你可能感兴趣的:(移动端适配 pixel(二))