Html Chrome宽屏显示器上的网站布局突然发生了变化

Html Chrome宽屏显示器上的网站布局突然发生了变化,html,css,twitter-bootstrap,google-chrome,widescreen,Html,Css,Twitter Bootstrap,Google Chrome,Widescreen,上周更新了我的网站设计,并在不同的浏览器和设备上进行了测试——这是一个使用Bootstrap的组合网站——一切都很好。今天早上我用chrome浏览器在我的宽屏显示器上查看了我的网站,全幅图像似乎缩小了尺寸,在右侧留下了一个空白 这种异常现象不会出现在不同的浏览器上,甚至在使用较小屏幕的Chrome上 该网站位于 任何帮助都将不胜感激。谢谢 图像本身的本机宽度仅为1600px。如果它们总是全屏显示,则应包括宽度:100%;到你的CSS .carousel-inner>.item>a&g

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

这种异常现象不会出现在不同的浏览器上,甚至在使用较小屏幕的Chrome上

该网站位于


任何帮助都将不胜感激。谢谢

图像本身的本机宽度仅为1600px。如果它们总是全屏显示,则应包括宽度: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;
}

当我从本地文件夹在Chrome上测试时,这个网站在我的宽屏显示器上看起来很好。就在我上传的时候,似乎发生了一些事情。非常感谢你的回复,但是我的代码中没有.carousel。如果你检查你的一张图片,我的答案中的CSS是由引导定义的。我刚刚加了宽度:100%;这就解决了问题。很抱歉给您带来了困惑。成功了!非常感谢。