width

Le descripteur width, rattaché à la règle @ @viewport est un raccourci permettant de définir les deux descripteurs min-width et max-width.

Si on fournit une seule valeur, c'est cette valeur qui sera utilisée pour la largeur minimale et maximale de la zone d'affichage (viewport). Si on fournit deux valeurs, la première correspondra à la largeur minimale de la zone d'affichage et la deuxième à la largeur maximale.

Syntaxe

/* Une valeur de longueur        */
/* Type <length> ou <percentage> */
width: auto;
width: 320px;
width: 15em;

/* Deux valeurs de longueur */
width: 320px 200px;

Valeurs

auto
La valeur utilisée sera calculée à partir des valeurs des autres descripteurs.
<length>
Une longueur relative ou absolue qui doit être positive.
<percentage>
Une valeur exprimée en pourcentages qui est relative à la largeur de la zone d'affichage (viewport) lorsque le niveau de zoom vaut 1. Cette valeur doit être positive.

Syntaxe formelle

@viewport {
  <group-rule-body>
}

Exemples

@viewport {
  width: 500px;
}

Spécifications

Spécification État Commentaires
CSS Device Adaptation
La définition de '"width" descriptor' dans cette spécification.
Version de travail Définition initiale.

Valeur introuvable dans la base de données

Compatibilité des navigateurs

No compatibility data found for css.at-rules.viewport.width.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.