停止背景调整为固定宽度布局上的视口大小

Question

我的网站应该有固定宽度的布局（无响应），背景会扩展浏览器的整个宽度。

然而，当我缩小浏览器时，背景会在它保持100％全宽时被切断。同样的事情发生在iphone和ipad上，部分背景被切断了。

网站：www.knockedupnowwhat.com

我认为我的css在某处错了？

由于

Answer 1

您需要在宽度为100％的所有容器元素上设置min-width：1140px。所以例如你的页脚应该是这样的

footer {
background: none repeat scroll 0 0 #474747;
min-width: 1140px;
width: 100%;}

Answer 2

将来发布一些代码会很有用。

然而问题是因为你的div.container设置为100％而且它是你的包装div。因此，当您调整浏览器大小时，它将只是浏览器的100％，而不是更宽。它切断了它的孩子们的背景。