Chrome sta allungando l'altezza della mia immagine a larghezza massima

Question

Ho problemi con l'impostazione della larghezza massima delle mie immagini in un CMS che sto utilizzando. In Chrome (non testata in altri browser ancora), l'impostazione di un max-width estende l'altezza dell'immagine inserisco - vedi qui: http://www.literarykitchen.co.uk/events/testspace/

Questo è il codice che sto utilizzando:

#content .pagebanner img { max-width:490px; } 

C'è nessun motivo per cui si stia stirando così? Pensavo che maxwidth significasse proporzioni di scala delle immagini?

Grazie

Osu

Answer 1

Ho avuto lo stesso problema, mia galleria di immagini era dinamica e tutte le immagini erano diverse dimensioni caricati dall'utente. Quindi dovevo assicurarmi che funzionasse. Quello che per me ha risolto il problema è stato impostare, height: e width: altrimenti non funzionava per me.

Esempio:

#image-container-div img { 
    max-width: 490px; 
    max-height: 490px; 
    height: auto; 
    width: auto; 
}