Div不跨越iphone的全宽

Question

感谢您阅读本文！我有问题让彩条（div）在iPhone上达到全宽。当我在笔记本电脑上看到它并尽可能地拉开窗户并一直向右滚动时，它不会被切断。当我在我的iphone上查看时，顶部灰色条的右侧和底部的白色div总是有空间切断，背景显示在那里。我显然对pc到移动设备没有太多经验，我感谢任何帮助和建议！

网站链接：http://ekdesignportfolio.info/test/index4.html

谢谢！

Answer 1

我不是百分之百确定这里发生了什么，但我只是在你的网站上看了一下，看起来短灰条与你的backstretch.js或你的身体计算有关。在手机上，你的身体计算速度为980像素（至少在我检查过的身上），然后你的最小宽度设置为1050像素。但是你的身体甚至没有跨越100％，而是它跨越了大约2/3的页面，而你的灰色条正在计算它相对于身体的宽度，即最小1050p。

您设置了很多最小宽度，除非您使用较低宽度的媒体查询或其他内容更改它们，否则这对移动设备不会有好处。说实话，我会使用典型的CSS背景而不是jquery脚本，因为它有点矫枉过正。尝试类似的事情，

.background-div {
   background: url(images/background-image.png);
   background-size: cover; (or contain, depending on what you want)
}

我希望这至少有一点帮助。