Was ist die Einheit von vh in CSS?

vh ist eine relative Längeneinheit in CSS, die den Prozentsatz der Ansichtsfensterhöhe darstellt. 1vh entspricht 1 % der Ansichtsfensterhöhe, mit Ausnahme der Browser-Symbolleisten Adressen, die nicht zur Seite gehören, wie z. B. Spalten und Bildlaufleisten.

Das Betriebssystem dieses Tutorials: Windows 10-System, Dell G3-Computer.

vh ist eine relative Längeneinheit in CSS, die einen Prozentsatz der Höhe des Ansichtsfensters darstellt. Konkret entspricht 1vh 1 % der Höhe des Ansichtsfensters.

Die Höhe des Ansichtsfensters bezieht sich auf die Höhe des sichtbaren Teils des Browserfensters, ausgenommen Teile, die nicht zur Seite gehören, wie Browser-Symbolleisten, Adressleisten und Bildlaufleisten. Daher können vh-Einheiten verwendet werden, um reaktionsfähige Layouts basierend auf der Höhe des Ansichtsfensters zu erstellen. Wenn wir beispielsweise möchten, dass die Höhe eines Elements immer der Hälfte der aktuellen Höhe des Ansichtsfensters entspricht, können wir den folgenden Stil verwenden:

.element {  
height: 50vh;
        }

Dadurch wird die Höhe des .element-Elements immer gleich der Hälfte der aktuellen Höhe des Ansichtsfensters gemacht .

Es ist zu beachten, dass die vh-Einheit ein Prozentsatz relativ zur Höhe des Ansichtsfensters ist, also eine relative Einheit. Wenn sich die Größe des Browserfensters ändert, passen sich die Abmessungen der Elemente entsprechend an.

Das obige ist der detaillierte Inhalt vonWas ist die Einheit von vh in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!