CSS erzwingt Bildgrößenänderung und behält Seitenverhältnis bei

Question

Ich arbeite mit Bildern und bin auf ein Problem mit den Seitenverhältnissen gestoßen.

<img src="big_image.jpg" width="900" height="600" alt="" />

Wie Sie sehen können, height y width sind bereits festgelegt. Ich habe eine CSS-Regel für Bilder hinzugefügt:

img {
  max-width: 500px;
}

Aber für big_image.jpg erhalte ich width=500 y height=600 . Wie kann ich Bilder so einstellen, dass ihre Größe verändert wird, ohne ihr Seitenverhältnis zu verändern?

Answer 1

Wenn die Anwendung ein Bild mit einem beliebigen Seitenverhältnis oder einer beliebigen Auflösung haben kann, können Sie Höhe und Breite wie in diesem Link verwalten.

Dies verwendet Javascript und HTML

https://stackoverflow.com/a/65090175/13338731