高分辨率 2x图像： -webkit-min-device-pixel-ratio 的常见值对照

-webkit-min-device-pixel-ratio的常见值对照

原文地址：http://zhangyaochun.iteye.com/blog/1816582

  前言：

 

    本文来自于对 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%;}

}