Qu'est-ce que 100vh en CSS

WBOY
WBOYoriginal
2022-06-17 11:19:4713013parcourir

En CSS, "100vh" fait référence à une valeur de longueur relative avec une taille de "100" et l'unité est "vh" ; "vh" est une unité de longueur relative en CSS, qui est relative à la hauteur de la fenêtre, "100vh" signifie que la hauteur de l'élément est égale à la hauteur de la fenêtre d'affichage actuelle du navigateur, c'est-à-dire la hauteur de la zone visible à l'intérieur du navigateur.

Qu'est-ce que 100vh en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Qu'est-ce que 100vh en CSS ?

vh est une unité de longueur relative en CSS Par rapport à la hauteur de la fenêtre, la fenêtre est divisée uniformément en 100 unités de vh, c'est-à-dire que 1vh est toujours égal à un pour cent de la. hauteur de la fenêtre actuelle.

La fenêtre est divisée uniformément en 100 unités de vh. L'avantage de vh est qu'il peut obtenir directement la taille, mais l'utilisation de % ne peut pas obtenir correctement la hauteur de la zone visuelle sans définir la hauteur du corps.

La fenêtre d'affichage fait référence à la taille de la zone visible à l'intérieur du navigateur, c'est-à-dire la taille de window.innerWidth/window.innerHeight, à l'exclusion de la taille de la zone du navigateur de la barre de titre de la barre des tâches et de la barre d'outils inférieure.

Par conséquent, 100vh est égal à la hauteur de la fenêtre du navigateur actuel, c'est-à-dire la hauteur de la zone visible à l'intérieur du navigateur.

Hauteur définie : 100vh, peu importe que l'élément n'ait aucun contenu, l'élément sera étiré à la même hauteur que l'écran

Connaissances étendues :

  • vh : par rapport à la hauteur du fenêtre, la fenêtre est divisée uniformément en vh de 100 unités ;

  • vw : par rapport à la largeur de la fenêtre, la fenêtre est divisée en vw de 100 unités ;

  • vmax : par rapport à la largeur ou à la hauteur de la fenêtre, selon la plus grande des deux. Le plus grand est divisé en vmax de 100 unités

  • vmin : Le plus petit par rapport à la largeur ou à la hauteur de la fenêtre. Le plus petit est divisé à parts égales en 100 unités de vmin ;

(Partage vidéo d'apprentissage : Tutoriel vidéo CSS, Tutoriel vidéo HTML)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn