Le descripteur max-width
, rattaché à la règle @ @viewport
, permet de définir la largeur maximale de la zone d'affichage (viewport) d'un document.
En lien avec les règles @ | @viewport |
---|---|
Valeur initiale | auto |
Pourcentages | fait référence à la largeur de la zone d'affichage (viewport) initiale |
Média | visuel, continu |
Valeur calculée | si spécifié par une longueur, la valeur absolue correspondante; si spécifié par un pourcentage, la valeur telle que spécifiée; sinon, auto |
Ordre canonique | l'ordre unique et non-ambigu défini par la grammaire formelle |
Syntaxe
/* Avec un mot-clé */ max-width: auto; max-width: none; /* Valeur de longueur */ /* Type <length> */ max-width: 400px; max-width: 50em; max-width: 20cm; /* Valeur proportionnelle */ /* Type <percentage> */ max-width: 75%;
Valeurs
auto
- La valeur utilisée est alors calculée selon les valeurs des autres descripteurs.
none
- La valeur utilisée est alors calculée selon les valeurs des autres descripteurs.
<length>
- Une valeur absolue ou relative représentant une longueur. Cette valeur doit être positive.
<percentage>
- Une valeur de pourcentage relative à la largeur initiale de la zone d'affichage lorsque le niveau de zoom vaut 1. Cette valeur doit être positive.
Syntaxe formelle
<viewport-length>où
<viewport-length> = auto | <length-percentage>
où
<length-percentage> = <length> | <percentage>
Exemples
@viewport { max-width: 600px; }
Spécifications
Spécification | État | Commentaires |
---|---|---|
CSS Device Adaptation La définition de '"max-width" descriptor' dans cette spécification. |
Version de travail | Définition initiale. |
Compatibilité des navigateurs
Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Support simple | 29 [1] | Pas de support | 10 -ms | 16 [1] | Pas de support |
Fonctionnalité | Android | Chrome pour Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Support simple | 4.4 | 29 | Pas de support | 10-ms | 16 [1] | Pas de support |
[1] Via une préférence.
[2] Disponible à partir de la version 11.10, retiré dans la version 15 et disponible via une préférence à partir de la version 16.
Étiquettes et contributeurs liés au document
Étiquettes :
Contributeurs à cette page :
SphinxKnight
Dernière mise à jour par :
SphinxKnight,