Que signifie -webkit-min-device-pixel-ratio: 2?
@media only screen and (max-device-width:480px),
only screen and (-webkit-min-device-pixel-ratio: 2)
{ /*iphone css*/ }
largeur maximale de l'appareil est logique, mais ratio de pixels n'a aucun sens pour moi. Merci.
De http://developer.Android.com/reference/Android/webkit/WebView.html
La requête multimédia CSS -webkit-device-pixel-ratio. Utilisez-le pour spécifier les densités d'écran pour lesquelles cette feuille de style doit être utilisée. La valeur correspondante doit être "0,75", "1" ou "1,5", pour indiquer que les styles sont pour des appareils avec des écrans à faible densité, densité moyenne ou haute densité, respectivement. Par exemple: la feuille de style hdpi.css est uniquement utilisée pour les appareils avec une ration de pixels d'écran de 1,5, qui est le rapport de pixels haute densité.
Et selon https://developer.mozilla.org/en/CSS/Media_queries
-moz-device-pixel-ratio
Donne le nombre de pixels de l'appareil par pixel CSS.
Remarque: Cette fonctionnalité multimédia est également implémentée par Webkit sous la forme -webkit-device-pixel-ratio. Les préfixes min et max tels qu'implémentés par Gecko sont nommés min - moz-device-pixel-ratio et max - moz-device-pixel-ratio; mais les mêmes préfixes que ceux mis en œuvre par Webkit sont nommés -webkit-min-device-pixel-ratio et -webkit-max-device-pixel-ratio.