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 {
    font-size: 1.5em;
  }
}

/* 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

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple29 ?

8

3.51

? Oui ?
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple ? ? ? ? ? ? ?

1. Supports <integer> values only.

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,