Bildgröße proportional mit CSS ändern?

Gibt es eine Möglichkeit, die Größe von Bildern proportional zu ändern (zu verkleinern), indem man nur CSS verwendet?

I'm tun die JavaScript Weg, aber nur versuchen, um zu sehen, wenn dies mit CSS möglich ist.

Vadim Ovchinnikov
Bearbeitete Frage 11. März 2018 в 11:16
Programmierung
html css image-resizing
24. April 2009 в 11:40
16 Aufrufe

Um die Größe des Bildes mit CSS proportional zu ändern:

img.resize {
    width:540px; /* you can use % */
    height: auto;
}
Zanon
Bearbeitete Antwort 13. Juni 2017 в 8:51
Kommentare (9)

Die css-Eigenschaften max-width und max-height funktionieren großartig, werden aber von IE6 und ich glaube IE7 nicht unterstützt. Sie würden dies über Höhe / Breite verwenden wollen, damit Sie nicht versehentlich ein Bild vergrößern. Sie würden nur wollen, um die maximale Höhe / Breite proportional zu begrenzen.

Kommentare (3)

funktioniert bei mir einwandfrei ... Oder übersehe ich etwas?

Edit: Aber siehe Shawn' s caveat über versehentlich upsizing.

Thanatos
Bearbeitete Antwort 23. Januar 2017 в 8:55
Kommentare (2)