Feste Seitenverhältnisse bei responsiven HTML-Elementen

[Jörg]

Hallo Henry,

also ich habe es so gemeint:

Ich will eine quadratische Box erzeugen. Das gelingt mit den Angaben width:20vw;height:20vw

Aber dann orientieren sich Höhe und Breite halt am Viewport, was ich eventuell nicht will.

Wenn ich die Größe der Box am Elternelement ausrichten will, z.B. am body, dann gebe ich an: width:20%

So, aber wie kriege ich dann trotzdem eine quadratische Box hin. height:20% führt jedenfalls nicht zum gewünschten Ergebnis, da das Elternelement selten gleich breit wie hoch ist.

Das geht nur mit dem "Hack" oder - wie Gunnar vorgeschlagen hat - ich warte noch 5-10 Jahre auf neue Browser...