max-width

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.

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 {
  <group-rule-body>
}

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.

Valeur introuvable dans la base de données