0

谢谢您阅读此篇！我在让颜色条 (div) 在 iphone 上达到全宽时遇到问题。当我在笔记本电脑上查看它并将窗口拉得尽可能窄并一直向右滚动时，它并没有被切断。当我在我的 iPhone 上查看它时，顶部灰色条的右侧和底部的白色 div 总是被截断，背景显示在此处。我显然对 pc 到移动不是很有经验，我感谢任何帮助和建议！

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

谢谢！

4

1 回答 1

0

我不是 100% 确定这里发生了什么，但我只是在你的网站上看了一会儿，看起来短灰色条与你的 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)
}

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

于 2013-11-10T15:47:46.417 回答