Question

我一直在做一些移动网络应用程序测试，并注意到htc欲望高清屏幕图像似乎都模糊，告诉我这个屏幕的像素比率是2，与iphone 4相同。我放置了我的（-webkit-min-device-pixel-ratio：2）媒体查询中的所有更新的x2图像，以便克服至少iphone 4，但我很惊讶，欲望也没有选择它？我有什么遗失的吗？

        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    /* Social Icons */
    #social-icons{margin:40px 0;}
    #social-icons li{margin-bottom:5px;}
    #social-icons li a{background: url(../img/social-sprite-x2.png); background-position: 0 0; background-repeat: none; background-size: 63px auto; display:block; text-indent: -999em; overflow:hidden; width:63px;height:63px;}

    #social-icons li a.fb{background-position:0 0;}
    #social-icons li a.tw{background-position:0 -75px;}
    #social-icons li a.ms{background-position:0 -150px;}
    #social-icons li a.tn{background-position:0 -226.5px;}
} /* //End Retina **********************************/

这是否意味着只有iphone 4使用此媒体查询？

凯尔

Answer 1

阅读本文：http://developer.android.com/reference/android/webkit/WebView.html

特别是标题为“建立支持不同屏幕密度的网页”的位。据我所知，Desire HD是一款HDPI设备，因此像素比率为1.5。

Answer 2

我知道我在这方面有点迟到了，但除了上面给出的正确答案之外，我现在使用 CSS 来处理这些高清设备：

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (-moz-min-device-pixel-ratio: 1.5), 
only screen and (min-device-pixel-ratio: 1.5) {

/* Your styles here. */

}

希望这能帮助将来的某个人。干杯！

htc欲望高清未能获得（-webkit-min-device-pixel-ratio：2）媒体查询？

2 个答案: