Zum Inhalt springen
fend-ui
Vorschau

Aspect Ratio

Hält Bild, Video oder Diagramm über CSS aspect-ratio in einer festen Proportion. Die Fläche folgt der Containerbreite und verhindert Layout-Sprünge beim Laden.

Seitenverhältnisse

ratio ist Breite geteilt durch Höhe. Die Fläche nimmt die volle Breite des Containers ein und berechnet die Höhe daraus.

16 : 9
4 : 3
1 : 1

Inhalt füllt die Fläche

Kinder bekommen über size-full dieselbe Fläche. Bilder und Videos behalten so ihre Proportion, ohne Layout-Sprünge beim Laden.

VorschauMedienfläche 16 : 9