Cosa significa -webkit-min-device-pixel-ratio: 2 stanno per?

Question

@media only screen and (max-device-width:480px), 
only screen and (-webkit-min-device-pixel-ratio: 2) 
{ /*iphone css*/ } 

larghezza max-device senso ma rapporto pixel non ha alcun senso per me. Grazie.

Answer 1

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

Il -webkit-device-pixel-ratio supporto CSS query. Usalo per specificare le densità dello schermo per le quali questo foglio di stile deve essere usato. Il valore corrispondente a deve essere "0.75", "1" o "1.5", a indicare che gli stili sono per dispositivi con densità bassa, media o schermi ad alta densità, rispettivamente. Ad esempio: il foglio di stile hdpi.css viene utilizzato solo per i dispositivi con un rapporto pixel dello schermo di 1,5, che è il rapporto di pixel ad alta densità .

E secondo https://developer.mozilla.org/en/CSS/Media_queries

-moz-device-pixel-ratio

esprime il numero di pixel del dispositivo per pixel CSS.

Nota: questa funzione multimediale è implementata anche da Webkit come -webkit-device-pixel-ratio. I prefissi min e max implementati da Gecko sono denominati min-moz-device-pixel-ratio e max-moz-device-pixel-ratio; ma gli stessi prefissi implementati da Webkit sono denominati -webkit-min-device-pixel-ratio e -webkit-max-device-pixel-ratio.