css bild größe an seite anpassen

[Gunnar Bittersmann]

@@marctrix

Der Name dieser Klasse lässt mich übrigens befürchten, dass du kein Hintergrundbild verwenden solltest, sondern ein img-Element.

Das lässt sich so nicht rauslesen.

Generell: Wenn das Bild zum Inhalt gehört, dann gehört es ins HTML. Wenn das Bild Verzierung ist, dann gehört es ins CSS.

Ein Test dafür ist die Frage: Wenn jemand die Seite ausdruckt, muss das Bild mit aufs Papier?

vh, vw, v-min und v-max bieten sich hierfür an.

v-min und v-max bieten sich hierfür eher weniger an; vmin und vmax schon eher. Ich hab das mal in deinem Posting korrigiert.

Eventuell macht es auch Sinn, verschiedene Auflösungen des Bildes mittels picture bereit zu stellen.

Eventuell eher ohne picture, sondern mittels srcset-Attribut.

LLAP 🖖