首页 > 技术文章 > 高分辨率 2x图像: -webkit-min-device-pixel-ratio 的常见值对照

gaoxue 2013-07-30 13:16 原文

  前言

 

    本文来自于对 http://bjango.com/articles/min-device-pixel-ratio/ 的部分整理:

 

  正文

 

  • -webkit-min-device-pixel-ratio为1.0
  1. 所有非Retina的Mac
  2. 所有非Retina的iOS设备
  3. Acer Iconia A500 
  4. Samsung Galaxy Tab 10.1
  5. Samsung Galaxy S 

 

  • -webkit-min-device-pixel-ratio为1.3
  1. Google Nexus 7

 

  • -webkit-min-device-pixel-ratio为1.5
  1. Google Nexus S 
  2. Samsung Galaxy S II 
  3. HTC Desire
  4. HTC Desire HD
  5. HTC Incredible S 
  6. HTC Velocity
  7. HTC Sensation 

 

  • -webkit-min-device-pixel-ratio为2.0
  1. iPhone 4
  2. iPhone 4S
  3. iPhone 5
  4. iPad (3rd generation)
  5. iPad 4
  6. 所有Retina displays 的MAC
  7. Google Galaxy Nexus
  8. Google Nexus 4
  9. Google Nexus 10
  10. Samsung Galaxy S III
  11. Samsung Galaxy Note II
  12. Sony Xperia S
  13. HTC One X 
 
 
 
.search{background:url(img/guide-search.jpg) no-repeat; height:415px;}
.attention{background:url(img/guide-attention.jpg) no-repeat; height:250px;}
.forward{background:url(img/guide-forward.jpg) no-repeat; height:486px;}

/* 高清图 */
@media only screen and (-webkit-min-device-pixel-ratio:2){
.search{background:url(img/guide-search-2x.jpg) no-repeat;background-size:100%;}
.attention{background:url(img/guide-attention-2x.jpg) no-repeat;background-size:100%;}
.forward{background:url(img/guide-forward-2x.jpg) no-repeat;background-size:100%;}
}

  

推荐阅读