Что означает -webkit-min-device-pixel-ratio: 2? - PullRequest
Новая
       7

Что означает -webkit-min-device-pixel-ratio: 2?

25 голосов
/ 25 февраля 2012 
@media only screen and (max-device-width:480px), 
only screen and (-webkit-min-device-pixel-ratio: 2)
{ /*iphone css*/ }

максимальная ширина устройства имеет смысл, но соотношение пикселей не имеет для меня никакого смысла. спасибо.

1 Ответ

36 голосов
/ 25 февраля 2012

С http://developer.android.com/reference/android/webkit/WebView.html

Медиа-запрос CSS -webkit-device-pixel-ratio. Используйте это, чтобы указать плотности экрана, для которого будет использоваться эта таблица стилей. соответствующее значение должно быть либо «0,75», «1», либо «1,5», чтобы указать, что стили для устройств с низкой плотностью, средней экраны плотности или высокой плотности соответственно. Например: таблица стилей hdpi.css используется только для устройств с соотношением пикселей на экране 1,5, что является пикселем высокой плотности соотношение.

А согласно https://developer.mozilla.org/en/CSS/Media_queries

-moz-устройство пиксел отношение

Дает количество пикселей устройства на пиксель CSS.

Примечание. Эта функция мультимедиа также реализована в Webkit как -webkit-устройство пиксел отношение. Префиксы min и max, реализованные Gecko, называются min - moz-device-pixel-ratio и макс - Мос-устройство пиксел отношение; но те же префиксы, которые реализованы Webkit называются -webkit-min-device-pixel-ratio и -webkit-макс-устройства пиксел соотношение.

...