我有http://www.mrfishermusic.com/
您会注意到主包装是 1042px (#main)。然后我有 #container 围绕着宽度为 100% 的东西。我这样做是因为页面的背景图片宽度很大。
问题是如果浏览器在水平方向上被调整得很小...比如说.. 700px 宽(或者更小，比如在 iPhone 上)，当您向右滚动时，页眉和页脚都会消失，尽管 #主包装保持完整。
我看到其他一些人遇到了这个问题，但我不是 CSS 专家，所以我无法在我的网站上完全重现该解决方案 - 如果之前有人问过这个问题，我深表歉意。
谢谢!
最佳答案
100% 的容器大小是相对于视口(viewport)的，当您滚动/调整大小时不会更新。您有多种选择:
- 使用 javascript 处理视口(viewport)大小变化
- 以像素为单位设置标题容器的最小尺寸
- 改为在 body 上设置背景(因为它不限于视口(viewport)大小):
background-image: url(background.png);背景位置:居上；
关于css - 滚动时 100% 背景图像包装消失的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6320121/