html - 宽屏显示器上的 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;
}