View-Width und View-Height

VW und VH

Die Breite oder Höhe des jeweiligen Viewports in Prozent.

Damit sich der Wert vom Layout basiertem Prozent unterscheidet, wird die Prozentzahl als 0-100vw oder vh angegeben.

Insbesondere der vw-Wert (dominante Breite) ist spannend fürs responsive Design, da er dramatisch auf die Grössenunterschiede des Viewports reagiert. Zu merken ist auch, dass alle relativen Werte an unzähligen Stellen eingefügt werden können. z. B. 10vw als Höhenabstand zwischen zwei Elementen.

© Webdesign Essentials
Vertiefe dich ins ganze Kapitel

Responsive Design