device-height
Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez le tableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.
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
<link
rel="stylesheet"
media="screen and (max-device-height: 799px)"
href="http://toto.truc.com/short-styles.css" />
Spécifications
| Specification |
|---|
| Media Queries Level 4 # device-height |
Compatibilité des navigateurs
Chargement…