CSS : Détecter les écrans Retina avec une media query

Le 24 août 2012 — par

Cette media query CSS vous permettra de capturer à peu près tous les écrans haute résolution du marché :

  • Appareils iOS Retina
  • Macs Retina avec Safari
  • PC sous Windows haute résolution avec IE8+
  • Android avec écran haute résolution
  • Android avec écran tvdpi (entre autres Nexus 7)
  • Chrome sur écran haute résolution Mac ou PC
@media
    only screen and (-webkit-min-device-pixel-ratio: 1.3),
    only screen and (min-device-pixel-ratio: 1.3),
    only screen and (min-resolution: 120dpi) {

        /* Votre code ici pour les écrans Retina */

}

Merci à @marcedwards.

S'abonner au flux RSS du blog
Recevoir les nouveaux articles par e-mail :