@@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
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann