Skip to main content
F-LOG-GE

Die Einheit vh in der Praxis

Andrew Ckor beschreibt, wie man mittels der Einheit "vh" viewportfüllende Designs ohne eine Zeile JavaScript erstellen kann. Er unterfüttert seine Ausführungen mit guten und bekannten Beispielen.

Die Einheit wird ab IE9 unterstützt. Für den IE8 benötigen wir entweder einen Polyfill, eine JavaScript-Funktion oder wir geben einfach im Geiste von Graceful Degredation diesem Browser ein leicht anderes Design. Der IE9 hat allerdings einen üblen Bug: in Printstylesheets werden aus "90vh", also der 90%igen Viewporthöhe, einfach mal "90 Seiten". Die IE-Entwickler haben einen schrägen Humor! (Auf der verlinkten Seite im Reiter "Known Issues" schauen.)

Dies ist ein Archiv meines alten Weblogs, das von Oktober 2006 bis Dezember 2022 als Wordpress-Instanz existierte.