上周更新了我的网站设计,并在不同的浏览器和设备上对其进行了测试——这是一个使用 Bootstrap 的投资组合网站——一切都很好。今天早上,我使用chrome在宽屏显示器上检查了我的网站,全宽图像的大小似乎已经减小,在右侧留下了边距。
这种异常现象不会显示在不同的浏览器上,甚至在使用较小屏幕的 Chrome 上也不会显示!
该网站在 http://www.burnser.com/index.html
任何帮助将不胜感激。谢谢!
图像本身的原生宽度仅为 1600 像素。如果它们应始终是全屏的,则应在 CSS 中包含width: 100%;
。
.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;
}