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. Par défaut, la largeur maximale de la zone d'affichage correspond à celle du viewport initial.

En lien avec les règles @@viewport
Valeur initialeauto
Pourcentagesfait référence à la largeur de la zone d'affichage (viewport) initiale
Médiapour chaque propriété individuelle de la propriété raccourcie :
  • visual: Valeur introuvable dans la base de données
  • continuous: Valeur introuvable dans la base de données
Valeur calculéesi 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 canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

/* Avec un mot-clé */
max-width: auto;

/* 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.
<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>


<viewport-length> = auto | <length-percentage>


<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éChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple29 ? Non10 -ms-

16

11.1 — 15

Non
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple4.429 ? Non

16

11.1 — 15

Non Oui

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,