Aspect-Ratio Rechner
Berechne Seitenverhältnisse aus Massen oder leite fehlende Masse aus einem bekannten Verhältnis ab.
Von Grösse
Von Verhältnis
Warum aspect-ratio in CSS?
Vor der CSS-Eigenschaft aspect-ratio musste ein Seitenverhältnis über Tricks wie den "Padding-Hack" (padding-top in Prozent) simuliert werden. Mit aspect-ratio: 16 / 9; reicht eine einzige Zeile, um z.B. Video-Container, Bilder oder Karten proportional zu halten – unabhängig von der tatsächlichen Breite.
Wann brauchst du welchen Modus?
"Von Grösse" eignet sich, wenn du bereits konkrete Masse hast (z.B. eine Bildgrösse) und wissen willst, welches Verhältnis dahintersteckt. "Von Verhältnis" ist der umgekehrte Weg: Du kennst das Zielverhältnis (z.B. 16:9 für Video) und willst daraus die passende Höhe oder Breite für eine gegebene Seite berechnen.