Chrome 宽屏显示器上的网站布局突然改变

Question

上周更新了我的网站设计并在不同的浏览器和设备上对其进行了测试 – 这是一个使用 Bootstrap 的组合网站 – 一切都很好。我今天早上在我的宽屏显示器上使用 chrome 检查了我的网站，全宽图像的尺寸似乎已经缩小，在右侧留下了空白。

此异常不会出现在不同的浏览器上，甚至 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;
}