0

我刚开始为客户开发一个网站,遇到了一个我以前从未遇到过的问题。

当我开始重新调整浏览器的大小时,我的页面正文开始环绕我的容器,这在右侧留下了一个非常烦人的栏,我确定这是导致问题的 body 元素,因为我更改了背景颜色和换行以那种颜色出现。

我已经在流体网格系统上构建了这个站点,并且在以前的版本中从未遇到过这个问题,但是我的客户不喜欢在早期版本中实现的自适应样式,所以我将响应行为更改为仅在主包装器上生效文档。

我的站点可以在我的测试服务器上看到 - http://ajsimsdesign.com,请将浏览器的大小调整到大约 400 像素宽并滚动查看上述问题。

任何关于我的网站为什么会这样表现的建议将不胜感激,我完全感到困惑!

4

2 回答 2

1

您可以尝试删除第 299 行的宽度吗:

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px; <-THIS
}

当我在控制台中关闭它时,这似乎有效。

于 2013-06-18T22:52:16.537 回答
1

从页面源代码的第 124 行开始的 div.container.videos 没有被流畅地调整到 940 像素以下。将大小设置为 940px 的代码是 bootstrap.css 中的第 299 行。您只需要添加适当的规则即可在各个断点处调整其大小。

于 2013-06-18T22:54:24.367 回答