max-height

Le descripteur max-height, rattaché à la règle @ @viewport, permet de définir la hauteur 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 hauteur 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-height: auto;

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

/* Valeur proportionnelle */
/* Type <percentage>      */
max-height: 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 hauteur 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>

Exemples

@viewport {
  max-height: 600px;
}

Spécifications

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

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.