Gunnar Bittersmann: Responsive Bilder

Beitrag lesen

@@Mitleser

Wie kann ich responsive Bilder erstellen?

Das Beste wird sein, Du beginnst mit einem Kreis. Wenn Du den Viewport dann verkleinerst oder vergrößerst und der Kreis wird kleiner/größer (und bleibt ein Kreis), dann bist Du am Ziel!

Früher nannte man das Testbild.

(Rotkaeppchen68, CC-BY-SA 3.0)

Wenn der Kreis beim Vergrößern/Verkleinern des Viewports zu einer Ellipse verzerrt, dann hat man was falsch gemacht. Vermutlich width und height unpassend angegeben.

Die einfachste Antwort auf die Frage, wie man Bilder responsiv macht, ist wohl: nicht width und height angeben, sondern:
img { max-width: 100% }.

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann