resolution

resolution est une caractéristique média CSS dont la valeur représente la densité de pixels de l'appareil d'affichage.

Syntaxe

La caractéristique resolution est une valeur de type <resolution> qui représente la densité de pixels de l'appareil d'affichage. C'est une caractéristique d'intervalle, cela signifie qu'on peut utiliser les variantes préfixées min-resolution et max-resolution afin d'établir des règles selon un minimum ou un maximum.

Exemples

HTML

<p>Un test pour la densité de pixels de votre appareil.</p>

CSS

/* Résolution exacte  */
@media (resolution: 150dpi) {
  p {
    color: red;
  }
}

/* Résolution minimale */
@media (min-resolution: 72dpi) {
  p {
    text-decoration: underline;
  }
}

/* Résolution maximale */
@media (max-resolution: 300dpi) {
  p {
    background: yellow;
  }
}

Résultat

Spécifications

Spécification État Commentaires
Media Queries
La définition de 'resolution' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
resolution media featureChrome Support complet 29Edge Support complet 12Firefox Support complet 8
Support complet 8
Support partiel 3.5
Notes
Notes Supports <integer> values only.
IE Support complet 9Opera Support complet 16
Support complet 16
Aucun support 10 — 15
Safari Aucun support Non
Notes
Aucun support Non
Notes
Notes See bug 78087.
WebView Android Support complet ≤37Chrome Android Support complet 29Firefox Android Support complet 8
Support complet 8
Support partiel 4
Notes
Notes Supports <integer> values only.
Opera Android Support complet 16
Support complet 16
Aucun support 10.1 — 14
Safari iOS Aucun support Non
Notes
Aucun support Non
Notes
Notes See bug 78087.
Samsung Internet Android Support complet 1.5

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Voir les notes d'implémentation.
Voir les notes d'implémentation.