htc desire hd не может получить медиа-запрос (-webkit-min-device-pixel-ratio: 2)

Question

Я проводил тестирование мобильного веб-приложения и заметил, что все изображения на экране htc desire hd выглядят размытыми, что говорит мне о том, что соотношение пикселей для этого экрана равно 2, так же, как у iphone 4. Я разместилвсе обновленные x2-изображения в моем медиа-запросе (-webkit-min-device-pixel-ratio: 2), чтобы преодолеть это по крайней мере для 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 использует этот медиазапрос?

Kyle

Answer 1

Прочитайте это: http://developer.android.com/reference/android/webkit/WebView.html

В частности, бит под названием «Создание веб-страниц для поддержки различных плотностей экрана».Насколько мне известно, Desire HD является устройством HDPI и поэтому имеет соотношение пикселей 1,5.

Answer 2

Я знаю, что немного опоздал на вечеринку по этому вопросу, но в дополнение к правильному ответу, приведенному выше, вот CSS , который я использую в данный момент для обработки этих Устройства HD :

@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. */

}

Просто надеюсь, что это поможет кому-то в будущем.Ура!