html - 阻止背景在固定宽度布局上调整为视口(viewport)大小

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%;}