移动端开发-为什么需要“（二倍图，三倍图，四倍图）图解”

1.知其然，又要知其所以然。

2.知其前需要基础：

  2.1：1.逻辑像素（CSS），2.物理像素，
       3.一张网页在一个设备的某个区域内要想显示清晰的条件要素有什么?
 
  2.2:1.逻辑像素：就是程序概念的横向或者纵向的(css px)像素点。
  	  2.物理像素：就是物理设备屏幕的横向或者纵向提供的荧光点的像素点。
  	  3.一张在一个设备的某个区域内要想显示清晰的条件要素是“
  	    设置的逻辑横纵向像素点需要刚好填满物理设备提供的物理
  	    像素荧光点”。
  	  4.重点来了：在早期的屏幕分辨率（物理像素）基本上(IPhone 3)都是320px（320  个         
  	             物理像素点）那个时候1pxCSS == 1px物理像素
  	               由于现在的不同设备屏幕的分辨率（也就是物理像素）越来
  	             越高，苹果公司还生产出了视网膜屏幕，那这种屏幕设备屏幕物理
  	    	     又提升了几倍，这个时候1个CSSpx单位已经不刚好占用屏幕的物理
  	    	      px，（备注：分辨率就是px），这个时候我们如何选用多大的CSS
  	    	      的图片呢，就是最早期的IPhone 3的横向物理像素320为基础值与该设备的物理像素（屏幕分辨率：一般买手机会有说明）的比值就是你该选用UI设计给的1倍 ，2倍 ,3倍 ,4倍 等图了。比值是1就用1倍， 2就用2倍 依次类推 。
  	    	      比值可以通过BOM的window对象点devicePi