Siri: IMG skalieren aber nicht verzerren

Beitrag lesen

Hallo,

Gemeint sind nicht die Dimensionen des Bildes, sondern die Dimensionen der Änderungen der Größe des Browserfensters

Da möchte ich ja mal wissen, wie Du das herausgelsen hast... Wahrscheinlich jahrelange Übung...

bildstyle{
  width: 30%;
}
bildstyle2{
  width: 30%;
  height: 30%;
}
<body>
 <img class="bildstyle" src="exampleimg.jpg" id="bild1"/>
 <img class="bildstyle2" src="exampleimg.jpg" id="bild2"/>
</body>

Beide Bilder haben exakt die gleiche Höhe und Breite, egal wie ich das Browserfenster vergrößere oder verkleinere. Bild @bild1 verringert genauso die Breite wie Bild @bild2. Das habe ich gemeint.

Grüße
Siri