Größenangaben in Relation zum Viewport
width: 25vh;
height: 25vh;
Das Ergebnis ist ein Quadrat mit einer Seitenlänge von 25% der insgesamt für den Anzeigebereich zur Verfügung stehenden Höhe.
width: 25vw;
height: 25vw;
Das Ergebnis ist ein Quadrat mit einer Seitenlänge von 25% der insgesamt für den Anzeigebereich zur Verfügung stehenden Breite.
width: 25vw;
height: 25vh;
Dieses Rechteck ist eine zentrische Streckung des Viewports mit dem Streckungsfaktor 0,25.
width: 25vh;
height: 25vw;
Dieses Rechteck ist ebenfalls eine zentrische Streckung des Viewports mit dem Streckungsfaktor 0,25, allerdings sind hier Breite und Höhe vertauscht.