Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Caractéristique média CSS device-height

Obsolète

Évitez d'utiliser cette fonctionnalité dans de nouveaux projets. Device media queries do not reflect available layout, only the physical size of the device. Cette fonctionnalité peut être candidate à la suppression des standards web ou des navigateurs.

Envisagez d'utiliser plutôt les fonctionnalités suivantes : Media queries.

Note : Pour interroger la hauteur de la zone d'affichage, il faut utiliser la caractéristique média height.

La caractéristique média CSS device-height peut être utilisée pour tester la hauteur de la surface de rendu d'un périphérique de sortie.

Syntaxe

La caractéristique device-height est définie comme une longueur (type <length>). C'est une caractéristique d'intervalle ce qui signifie qu'on peut utiliser les variantes préfixées min-device-height et max-device-height afin d'utiliser des critères de minimum et maximum.

Exemples

Appliquer une feuille de style spécifique pour les appareils dont la hauteur est inférieure à 800 pixels

html
<link
  rel="stylesheet"
  media="screen and (max-device-height: 799px)"
  href="http://toto.truc.com/short-styles.css" />

Spécifications

Spécification
Media Queries Level 4
# device-height

Compatibilité des navigateurs

Voir aussi