Caractéristique média CSS device-width
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 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
| Spécification |
|---|
| Media Queries Level 4 # device-width |
Compatibilité des navigateurs
Voir aussi
- Utiliser les requêtes média
- La règle
@media