Que signifie vh en CSS3

En CSS3, vh signifie "pourcentage de hauteur de la fenêtre", qui est une unité de fenêtre et une unité relative ; vh est relatif à la hauteur de la fenêtre. La fenêtre est la zone visible du navigateur client, et la fenêtre. est divisé en 100 unités, la taille de 1vh correspond à un pour cent de la hauteur de la fenêtre.

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

Que signifie vh en CSS3 ?

vh est relatif à la hauteur de la fenêtre (viewport 1vw est égal à 1/100 de la largeur de la fenêtre).

Côté client, la viewport fait référence à la zone visible du navigateur ;

Côté mobile, elle implique 3 viewports : Layout Viewport (fenêtre de mise en page), Visual Viewport (fenêtre d'affichage visuelle), Ideal Viewport (fenêtre d'affichage idéale) fenêtre). Il fait référence à Layout Viewport. "Viewport" 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 barre d'outils inférieure.

l'unité vh peut changer automatiquement la taille en fonction de la hauteur de la fenêtre, 1vh correspond à 1% de la hauteur de la fenêtre

vw et vh sont la largeur et la hauteur par rapport à la fenêtre (fenêtre, également appelée fenêtre, horizon ou portée visuelle) .

Connaissances approfondies :

vw : pourcentage de la largeur de la fenêtre (1vw est égal à 1% de la largeur de la fenêtre)

vh : pourcentage de la hauteur de la fenêtre (1vh est égal à 1% de la hauteur de la fenêtre)

vmin : Sélectionnez le plus petit entre vw et vh

vmax : Sélectionnez le plus grand entre vw et vh

vw et vh sont basés sur la fenêtre d'affichage, pas sur l'élément parent. 1vw est égal à 1/100 de la largeur de la fenêtre, 1vh est égal à 1/100 de la hauteur de la fenêtre, par exemple :

La hauteur du navigateur est de 950 px, la largeur est de 1920 px, 1vh = 950 px/100 = 9,5 px, 1vw = 1920px/100 =19,2 px

La différence entre vw, vh et %

% est le rapport défini par rapport à la taille de l'élément parent, vw vh est déterminé par la taille de la fenêtre d'affichage

vw, vh peut obtenir directement la hauteur, et % si le corps n'est pas réglé. Dans le cas de la hauteur, la hauteur de la zone visible ne peut pas être obtenue.

(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)

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!