Tim: Bild-Höhe maximal so hoch, wie die Breite

Beitrag lesen

Guten Tag,

ich möchte gerne ein Bild einblenden, was maximal quadratisch ist von der Höhe her (also max-height genau so, wie die Breite). Wenn es im Landscape-Mode ist, dann soll das Originale Seitenverhältnis beibehalten werden. Soweit so gut, das sollte ja max-height regeln. Einziges Problem, was ich sehe: Die Breite ist relativ abhängig vom darüberlegenden Element (width: 100%) und von der Bildschirmgröße (das div ist 80%). Ist das irgendwie simpel mit CSS möglich oder muss da JS genutzt werden?

Danke Euch :)