@media only screen and (max-device-width:480px),
only screen and (-webkit-min-device-pixel-ratio: 2)
{ /*iphone css*/ }
max-device width имеет смысл, но соотношение пикселей не имеет для меня никакого смысла. спасибо.
Что такое -webkit-min-device-pixel-ratio: 2 означает?
Ответ 1
От 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-макс-устройства пиксел соотношение.