物理像素、css像素、位图像素、设备独立像素、像素比

物理像素

也叫设备像素。
物理像素是设备成像的最小单位。
我们买手机的时候会有一个n*m的分辨率，那是屏幕的n*m个呈像的点。
一个点（小方格）为一个物理像素。它是屏幕能显示的最小粒度。

注意：
	任何设备的物理像素的数量是固定的，任何一款设备上1物理像素的大小是不会改变的。
	不同设备上1物理像素的大小可能是不一样的。

css像素

它是一个抽象的单位，主要使用在浏览器上，用来精确的度量web页面上的内容。
css像素是浏览器中的最小单位。也是为我们web开发者创造的，在css和JavaScript中使用。

位图像素

位图像素是图像的最小单位。

一个位图像素是栅格图形（如：png，jpg，gif）最小的数据单元；
当1个位图像素对应于1个物理像素，图片才能得到完美清晰的展示。
当1个位图像素占据多个物理像素，图片就会失真。
当1个位图像素占据少于1个物理像素，图片就会锐化。

物理像素和css像素的关系

一个width为200px的元素，它占据了200个css像素，但
200个css像素占据多少个物理像素取决于屏幕的特性（是否高密度，即像素比）和用户缩放行为。

在不考虑用户缩放行为的情况下：
普通屏（pc端）上 1个css像素=1个物理像素；
苹果的视网膜屏（像素密度是普通屏的2倍）：1个css像素&#