滚动时100%背景图像包装器消失的问题

|| 我有http://www.mrfishermusic.com/ 您会注意到主包装器为1042px(#main)。然后,我将#container包围了宽度为100%的容器。我之所以这样,是因为页面的背景图片在宽度上很宽。 问题是,如果将浏览器水平调整为较小的尺寸……说宽度为700像素(或更小,例如在iPhone上),则向右滚动时,尽管#main包装器仍然保留,但页眉和页脚都消失了完整。 我看到其他人遇到了这个问题,但是我不是CSS忍者,所以我无法完全将解决方案复制到我的网站上-如果您之前曾问过这个问题,我深表歉意。 谢谢!     
已邀请:
        100%的容器大小是相对于视口的,并且在滚动/调整大小时不会更新。您有几种选择: 使用javascript处理视口大小更改 设置标题容器的最小大小(以像素为单位) 设置背景为主体(因为它不仅限于视口大小):
background-image: url(background.png); background-position: center top;
    
        在
<body>
上设置
min-width
也可以解决此问题。     

要回复问题请先登录注册