min-width

Le descripteur min-width, rattaché à la règle @ @viewport, permet de définir la largeur minimale de la zone d'affichage (viewport) d'un document.

En lien avec les règles @@viewport
Valeur initialeauto
Pourcentagesfait référence à la largeur de la zone d'affichage (viewport) initiale
Médiavisuel, continu
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é */
min-width: auto;

/* Valeur de longueur */
/* Type <length>      */
min-width: 400px;
min-width: 50em;
min-width: 20cm;

/* Valeur proportionnelle */
/* Type <percentage>      */
min-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>

Exemples

@viewport {
  min-width: 600px;
}

Spécifications

Spécification État Commentaires
CSS Device Adaptation
La définition de '"min-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,