Endre størrelsen på bildet proporsjonalt med CSS?

Finnes det en måte å endre størrelsen på (skalere ned) bilder proporsjonalt ved hjelp av KUN CSS?

Jeg gjør JavaScript-måten, men prøver bare å se om dette er mulig med CSS.

Vadim Ovchinnikov
Redigerte spørsmål 11. mars 2018 в 11:16
Programmering
html css image-resizing
24. april 2009 в 11:40
6 visninger

For å endre størrelsen på bildet proporsjonalt ved hjelp av CSS:

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

Css-egenskapene max-width og max-height fungerer flott , men støttes ikke av IE6 og jeg tror IE7. Du ønsker å bruke dette over høyde / bredde, slik at du ikke ved et uhell skalerer et bilde opp. Du ønsker bare å begrense maksimal høyde / bredde proporsjonalt.

Kommentarer (3)

fungerte helt fint for meg ... Eller har jeg gått glipp av noe?

Edit: Men se Shawns advarsel om utilsiktet oppskalering.

Thanatos
Redigert svar 23. januar 2017 в 8:55
Kommentarer (2)