背景大小：封面在Chrome和Safari中表现不佳

Question

我已经阅读了几篇有关此问题的帖子，但尚未找到解决方案。我的网站使用视差滚动效果，我需要使用带背景而不是图像的div。有没有办法让背景全屏？

Answer 1

我自己遇到了同样的问题，我的解决办法是将你的div设置为：

<div id="blah"> <div class="content"> Blah content </div> </div>

然后为每个div提供所需的背景，给它一个width: 100%;并将其设为display: inline-block;因为div是内嵌块，如果用户的浏览器窗口非常小且页面需要x -scroll bar，然后背景将拉伸页面的整个宽度。相反，如果用户x滚动时将其保留为display: block;，则背景颜色将在最初未查看的任何内容中消失。

至于您为内容设置网格的内容类，使用960gs或您喜欢的任何内容，作为一个类，您可以将它应用于每个section / div。

此处的工作（进行中）示例：http://residencyradio.com

Answer 2

我尝试添加

-webkit-backface-visibility: hidden;

它看起来像腿已经消失了。