width est une caractéristique média CSS qui permet d'appliquer des styles différents en fonction de la largeur de la zone d'affichage (viewport). La largeur est exprimée comme une longueur CSS (type <length>.
Syntaxe
width est une valeur décrivant la largeur d'affichage, les versions préfixées min-width et max-width peuvent également être utilisées afin de décrire la largeur minimale (resp. la largeur maximale).
/* Largeur exacte */
@media (width: 300px) {}
/* Un viewport avec une largeur minimale */
@media (min-width: 50em) {}
/* Un viewport avec une largeur maximale */
@media (max-width: 1000px) {}
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| Media Queries Level 4 La définition de '@media' dans cette spécification. |
Version de travail | Aucune modification |
| Media Queries La définition de 'width' dans cette spécification. |
Recommendation | Définition initiale. |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support simple | (Oui) | (Oui) | 9 | (Oui) | (Oui) |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support simple | ? | ? | ? | ? | ? |
Étiquettes et contributeurs liés au document
Étiquettes :
Contributeurs à cette page :
SphinxKnight
Dernière mise à jour par :
SphinxKnight,