Afbeelding proportioneel verkleinen met CSS?

Is er een manier om afbeeldingen proportioneel te verkleinen (verkleinen) met ALLEEN CSS?

Ik doe het op de JavaScript manier, maar ik probeer te zien of dit mogelijk is met CSS.

Vadim Ovchinnikov
Bewerkte vraag 11de6 maart 2018 в 11:16
Programmering
html css image-resizing
24ste4 april 2009 в 11:40
15 views

Om de grootte van de afbeelding proportioneel aan te passen met CSS:

img.resize {
    width:540px; /* you can use % */
    height: auto;
}
Zanon
Bewerkt antwoord 13de1 juni 2017 в 8:51
Commentaren (9)

De css-eigenschappen max-width en max-height werken goed, maar worden niet ondersteund door IE6 en ik geloof ook niet door IE7. Je zou dit willen gebruiken over hoogte / breedte, zodat je niet per ongeluk een afbeelding omhoog schalen. Je zou gewoon de maximale hoogte/breedte proportioneel willen beperken.

Commentaren (3)

werkte prima voor mij ... Of zie ik iets over het hoofd?

Edit: Maar zie Shawn's caveat over het per ongeluk upsizen.

Thanatos
Bewerkt antwoord 23ste0 januari 2017 в 8:55
Commentaren (2)