移动背景大小

所以我想要做的是重现这种效果（可以看到使用铬版本45.0.2454.101 m）。需要注意的重要一点是，每个div都在包装中显示整个背景图像的一部分（除了它实际上是一个尺寸相同的单独图像，通过反转颜色进行修改，以便您可以看到差异）。移动背景大小

基本上它看起来好像每个内容div都使用背景图像，它是文档本身的大小。

结构：

<div class="wrapper"> 
    <div class="content"> 
     Here is some content 
    </div> 
    <div class="content"> 
     Here is some more content 
    </div> 
    <div class="content"> 
     So much content 
    </div> 
</div>

但是，如果你去拜访您的移动设备上的此链接，您现在会注意到，每个格正在使用自己的背景图片，而不是与包装物的背景图象重叠。背景图像现在与内容div大小相同，并且位于每个内容div中。为什么会发生这种情况，我怎样才能让手机网站看起来像在桌面浏览器中经历的那种？（我也使用镀铬上移动）

Link to JS Fiddle

来源

2015-10-08 Dave

荣誉所付出的努力，但这根本行不通的，因为它取决于background-attachment:fixed。移动浏览器尝试通过“智能地”处理某些页面内容来积极改善视图体验，特别是在桌面优化的情况下。

他们选择做的事情之一是忽略像background-attachment:fixed这样的东西，因为它通常比在微型屏幕上不那么智能化设计的页面上增强更多。

所以我很抱歉，但http://caniuse.com/#feat=background-attachment是你的问题在这里，它不会马上消失:)

来源

2015-10-08 05:29:37

移动背景大小

回答

相关问题