Ridimensionare l'immagine proporzionalmente con i CSS?

C'è un modo per ridimensionare (ridimensionare) le immagini in modo proporzionale usando SOLO i CSS?

Sto facendo il modo JavaScript, ma sto solo cercando di vedere se questo è possibile con i CSS.

Vadim Ovchinnikov
Domanda modificata 11º marzo 2018 в 11:16
Programmazione
html css image-resizing
24º aprile 2009 в 11:40
22 visualizzazioni

Per ridimensionare l'immagine proporzionalmente usando i CSS:

img.resize {
    width:540px; /* you can use % */
    height: auto;
}
Zanon
Risposta modificata 13º giugno 2017 в 8:51
Commentari (9)

Le proprietà css max-width e max-height funzionano benissimo, ma non sono supportate da IE6 e credo da IE7. Vorresti usare questo sopra l'altezza/larghezza in modo da non scalare accidentalmente un'immagine verso l'alto. Vorresti solo limitare l'altezza/larghezza massima in modo proporzionale.

Commentari (3)

ha funzionato bene per me ... O mi manca qualcosa?

Edit:Modifica: Ma vedi l'avvertimento di Shawn sull'upsizing accidentale.

Thanatos
Risposta modificata 23º gennaio 2017 в 8:55
Commentari (2)