Le descripteur min-height, rattaché à la règle @ @viewport, permet de définir la hauteur minimale de la zone d'affichage (viewport) d'un document.
Syntaxe
/* Avec un mot-clé */ min-height: auto; /* Valeur de longueur */ /* Type <length> */ min-height: 400px; min-height: 50em; min-height: 20cm; /* Valeur proportionnelle */ /* Type <percentage> */ min-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>où
<length-percentage> = <length> | <percentage>
Exemples
@viewport {
min-height: 600px;
}
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| CSS Device Adaptation La définition de '"min-height" descriptor' dans cette spécification. |
Version de travail | Définition initiale. |
| 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 | pour chaque propriété individuelle de la propriété raccourcie :
|
| 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 |
Compatibilité des navigateurs
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer unepull request.
Update compatibility data on GitHub
| Ordinateur | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
min-height descriptor | Chrome Support complet 29 | Edge ? | Firefox Aucun support Non | IE
Support complet
10
| Opera
Support complet
16
| Safari Aucun support Non | WebView Android Support complet 4.4 | Chrome Android Support complet 29 | Edge Mobile ? | Firefox Android Aucun support Non | Opera Android
Support complet
16
| Safari iOS Aucun support Non | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet
- Aucun support
- Aucun support
- Compatibilité inconnue
- Compatibilité inconnue
- Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
- Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
Étiquettes et contributeurs liés au document
Étiquettes :
Contributeurs à cette page :
SphinxKnight,
mdnwebdocs-bot
Dernière mise à jour par :
SphinxKnight,