Макет сайта внезапно изменился в Chrome на широкоформатных мониторах

Question

Обновлен дизайн моего сайта на прошлой неделе и протестирован на разных браузерах и устройствах - это портфолио с использованием Bootstrap - и все было хорошо. Сегодня утром я проверил свой веб-сайт на своем широкоэкранном мониторе, используя хром, и изображения полной ширины, по-видимому, были уменьшены по размеру, оставляя запас с правой стороны.

Эта аномалия не отображается в разных браузерах или даже в Chrome с использованием меньшего экрана!

Сайт живут на http://www.burnser.com/index.html

Любая помощь будет принята с благодарностью. Благодаря!

Answer 1

Изображения сами имеют только собственную ширину 1600 пикселей. Если они всегда должны быть полноэкранными, вы должны включить width: 100%; в свой CSS.

.carousel-inner>.item>a>img, 
.carousel-inner>.item>img, 
.img-responsive, 
.thumbnail a>img, 
.thumbnail>img { 
    display: block; 
    width: 100%; 
    max-width: 100%; 
    height: auto; 
}