Quelle est l'unité de vh en css ?

vh est une unité de longueur relative en CSS, représentant le pourcentage de la hauteur de la fenêtre d'affichage. 1vh est égal à 1% de la hauteur de la fenêtre d'affichage fait référence à la hauteur de la partie visible de la fenêtre du navigateur, à l'exclusion des barres d'outils du navigateur et. adresses. Parties hors page telles que les colonnes et les barres de défilement.

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur Dell G3.

vh est une unité de longueur relative en CSS, représentant un pourcentage de la hauteur de la fenêtre. Plus précisément, 1vh est égal à 1 % de la hauteur de la fenêtre.

La hauteur de la fenêtre fait référence à la hauteur de la partie visible de la fenêtre du navigateur, à l'exclusion des parties hors page telles que les barres d'outils du navigateur, les barres d'adresse et les barres de défilement. Par conséquent, les unités vh peuvent être utilisées pour créer des mises en page réactives basées sur la hauteur de la fenêtre. Par exemple, lorsque nous voulons que la hauteur d'un élément soit toujours égale à la moitié de la hauteur actuelle de la fenêtre, nous pouvons utiliser le style suivant :

.element {  
height: 50vh;
        }

Cela rendra la hauteur de l'élément .element toujours égale à la moitié de la hauteur actuelle de la fenêtre. .

Il convient de noter que l'unité vh est un pourcentage par rapport à la hauteur de la fenêtre, c'est donc une unité relative. Lorsque la taille de la fenêtre du navigateur change, les dimensions des éléments s'ajustent en conséquence.

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!