Почему изображения не шире, чем 500 пикселей в Chrome?

Question

Используя обычный, достаточно широкий браузер Google Chrome, см. http://abmphotography.beta.cjbm.net/aileen-kevin

Высота изображений определяется в CSS, но ширина должна быть автоматической.Кажется, что он работает с портретными изображениями, но ландшафтные изображения имеют максимальную ширину 500 пикселей.

Может ли кто-нибудь пролить свет?

Answer 1

Чтобы получить правильный вывод, как и в других браузерах, вы должны удалить max-width из css, см. Ниже. Я удалил max-width:100%; из приведенного ниже CSS.

.thumbnail > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

Answer 2

Колин, вы устанавливаете max-width на 100% для двух селекторов:

img
.thumbnail > img

Это делает изображение таким же большим, как контейнер, поэтомурасширение вы ищете.Отключение свойств max-width в Chrome сделало изображение подходящим по высоте, как и следовало ожидать, как и в других браузерах.