###1、像素密度（DPI、PPI） 即每英寸屏幕所拥有的像素数，像素密度越大，显示画面细节就越丰富。 像素密度=√{（长度像素数^2+宽度像素数^2）}/ 屏幕尺寸。
###2、Retina 屏 就是视网膜屏幕，苹果公司注册命名方式，指的是 PPI值大于320的屏幕就是 Retina 屏
###3、物理像素 设备能控制显示的最小单位，我们可以把这些像素看作成显示器上一个个的点，不可以人为进行改变，其值大小决定了屏幕渲染图像的品质。 可以通过window.screen.width/height属性来获取。
###4、CSS像素 是Web编程的概念，独立于设备的用于逻辑上衡量像素的单位，也就是说我们在做网页布局时用到的CSS像素单位，是抽象的，而不是实际存在的。 浏览器窗口尺寸是CSS像素来度量的：window.innerwidth/innerheight。
###5、设备独立像素（DIP，device-independent pixel，density-independent pixel） 独立于设备的用于逻辑上衡量像素的单位。也就是css像素, 可转换为物理像素。 所以说，物理像素和设备独立像素之间存在着一定的对应关系。这个新单位在ios设备上叫pt（point），在Android设备上叫DIP（Device Independent Pixel）或者叫 dp。
###6、设备像素比
设备像素比 = 物理像素/设备独立像素 // 在某一方向上，x方向或者y方向 在标准情况下一个设备独立像素（CSS像素）对应一个物理像素。 你可以通过JavaScript 中的window.devicePixelRatio来获取设备中的像素比值。 查看各机型设备像素比http://devicepixelratio.com/
####一倍图：当这个比率为1:1时，使用1个物理像素显示1个CSS像素。 ####二倍图：当这个比率为2:1时，使用4（22）个物理像素显示1个CSS像素。 ####三倍图：当这个比率为3:1时，使用9（33）个物理像素显示1个CSS像素。