device-width
Obsolète: Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.
Note :
Pour interroger la largeur de la zone d'affichage, il faut utiliser la caractéristique média width.
La caractéristique média CSS device-width est utilisée pour tester la largeur de la surface de rendu d'un périphérique de sortie.
Syntaxe
device-width est définie comme une longueur (type <length>). C'est une caractéristique d'intervalle et les variantes préfixées min-device-width et max-device-width peuvent être utilisées pour manipuler un minimum ou un maximum.
Exemples
Appliquer une feuille de style spécifique pour les appareils dont la largeur est inférieure à 800 pixels
<link
rel="stylesheet"
media="screen and (max-device-width: 799px)"
href="http://toto.truc.com/narrow-styles.css" />
Spécifications
| Specification |
|---|
| Media Queries Level 4 # device-width |
Compatibilité des navigateurs
Loading…