像素

物理像素

屏幕上一个微小的发光物理元器件,单位px

CSS像素

又称逻辑像素,抽象的长度单位,单位也是px

2010年之前CSS像素和物理像素是一一对应的,直到那个改变世界的男人乔布斯发布了iPhone4视网膜屏(Retina)…

设备独立像素

设备厂商根据屏幕特性设置,无法更改

1. 与物理像素关系

• 普通屏幕 1设备独立像素=1物理像素
• 高清屏幕 1设备独立像素=n物理像素

1. 与CSS像素关系

• 无缩放时,1CSS像素=1设备独立像素

  像素密度

  屏幕里每英寸包含的物理像素点个数,单位是PPI(打印机为DPI)
  

  像素比

  单一方向上,物理像素与设备独立像素的比例,dpr=物理像素/设备独立像素,几倍屏说得就是这个
  window.devicePixelRatio获取设备dpr

  分辨率

  屏 幕在横向和纵向上所拥有的物理像素点数,iPhone6的为750*1334

  特点

• 屏幕分辨率生产出来就固定了,不能再更改

• 与显示分辨率不是一回事,显示分辨率是设备当前所用到的物理像素点数