Chrome đang kéo chiều cao của hình ảnh có chiều rộng tối đa

Question

Tôi gặp sự cố khi đặt chiều rộng tối đa của hình ảnh trong CMS mà tôi đang sử dụng. Trong Chrome (chưa được kiểm tra trong các trình duyệt khác chưa), thiết lập một max-width trải dài chiều cao của hình ảnh tôi chèn - xem ở đây: http://www.literarykitchen.co.uk/events/testspace/

Đây là mã Tôi đang sử dụng:

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

Có bất kỳ lý do tại sao nó kéo dài như thế? Tôi nghĩ maxwidth có nghĩa là tỉ lệ hình ảnh theo tỷ lệ?

Cảm ơn

Osu

Answer 1

tôi đã cùng một vấn đề, thư viện hình ảnh của tôi là năng động và tất cả những hình ảnh đã kích cỡ khác nhau được tải lên bởi người sử dụng. Vì vậy, tôi đã phải chắc chắn rằng điều này đã làm việc. Điều được giải quyết cho tôi là đặt max-width:, max-height:, height: và width: nếu không nó không hoạt động đối với tôi.

Ví dụ:

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