Chrome rozciąga się na wysokość mojego obrazu o maksymalnej szerokości

Question

Mam problem z ustawieniem maksymalnej szerokości moich obrazów w CMS, którego używam. W Chrome (nietestowanego w innych przeglądarkach jeszcze), wyznaczając max-width rozciąga wysokość obrazu wstawić - patrz tutaj: http://www.literarykitchen.co.uk/events/testspace/

Jest to kod używam:

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

Czy istnieje z jakiegokolwiek powodu, dlaczego tak się rozciąga? Myślałem, że maksymalna szerokość oznacza skalę zdjęć?

Dzięki

OSU

Answer 1

miałem ten sam problem, galeria zdjęć był dynamiczny i wszystkie obrazy były różne rozmiary przesłanych przez użytkownika. Musiałem więc upewnić się, że to zadziałało. Rozwiązałem go, aby ustawić max-width:, i width: w przeciwnym razie nie działało dla mnie.

Przykład:

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