调整大小时,我的文档正文包裹起来

时间:2013-06-18 22:41:38

标签: html css html5 css3

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

当我开始重新调整我的浏览器大小时,我的页面主体开始缠绕我的容器,这会在右侧留下一个非常烦人的栏,我确定它是导致问题的身体元素,因为我改变了背景颜色并且包裹以那种颜色出现。

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

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

我的网站表现得像这样的任何建议都会非常感激,我完全不满意!

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:1)

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