【移动端】关于图片的大小----怎样保证图片高清

一、设备像素比（ window.devicePixelRatio ）

  设备像素比= 设备上物理像素/设备独立像素（dips 布局视区的宽度）

  非视网膜屏幕的iphone上，屏幕物理像素320像素，独立像素(视区宽度)也是320像素，因此，window.devicePixelRatio等于1.(chrome浏览器)

  在视网膜屏幕的iphone上，屏幕物理像素640像素，独立像素还是320像素，因此，window.devicePixelRatio等于2.（iphone4  iphone5）

 IOS:  640/320 = 2

BlackBerry (黑莓)：480/320 = 1.5

Galaxy(三星)：720/360 = 2

 

posted @ 2014-08-18 11:53  Western Journey  阅读(483)  评论(0)  编辑  收藏  举报