在固定宽度布局下，停止背景调整视口大小

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%，而不是更宽。它在截断子div的背景