CSS3 - variable Höhe (vh) und variable Breite (vw)

**dirksche** · 14.02.2014, 15:22

Hallo liebe Community,

ich bin durch Zufall im Internet auf folgende CSS Angaben gestossen:
http://www.tipue.com/blog/css3-vw-vh/

Ich wusste bis heute nicht, dass man die variable Höhe bzw. Breite eines Elements ohne Javascript lösen kann :-)
Find ich echt Prima. Hat das jemand von euch schon produktiv umgesetzt?

LG,
Dirk

**Flex** · 14.02.2014, 16:01

Als Ergänzung: http://caniuse.com/viewport-units

Muss gestehen dass ich es kenne, aber noch nie bewusst genutzt habe.

**dirksche** · 14.02.2014, 16:43

Da selbst der IE ab Version 9 damit klar kommt, spricht über die Anwendung nichts dagegen :-)

**NetMediaWork** · 21.11.2014, 10:42

Hallo,

kommt in 3.4 => https://github.com/contao/core/commi...35b736c91825e8

**denniserdmann** · 10.12.2014, 09:24

Moin Dirk,

ich habe mich vor einiger Zeit auch mit den neuen Einheiten beschäftigt, nachdem ich diesen Artikel gelesen habe:

https://medium.com/@ckor/make-full-s...s-b82227c75cbd

Ich meine sogar gelesen zu haben, dass der IE9 einer der ersten Browser war, der die Einheiten viewport height und viewport width unterstützt hat. Kaum zu glauben. Allerdings sollte man auf jeden Fall noch mal einen Blick auf iOS6 und 7 werfen. Da kann es passieren (wie auch in den Kommentaren im Artikel zu lesen), dass die Höhe falsch berechnet wird und der Container plötzlich auf ein vielfaches gestreckt wird.

Grüße,
Dennis