1

我制作了一个带有全屏背景滑块/图像的网站。我用过“backstretch”,见这里:http ://srobbin.com/jquery-plugins/backstretch/

它几乎无处不在。在 Mac 和 Windows 上的当前 Opera、Chrome、Safari、Firefox 上,甚至在 Windows 上的 IE10、IE9 和 IE8 上。移动设备也适用 - 适用于旧版 Android 浏览器、Android Chrome、iOS(所有版本)Chrome 以及 iOS 4、5、6.x Safari。

但不是在 iOS 7 上的 Safari 上。

问题:如果您向下滚动 url 栏和底部隐藏栏。但是图像并没有按比例放大到屏幕那么大。底部出现一个白条,与隐藏的工具栏一样高。

我确定这不是我的代码的问题。例如,谷歌 Crome 的工作方式是相同的——滚动时条会隐藏——但图像会放大以适应“新的更大的屏幕”。

其他全屏背景图片网站在 iOS 7 Safari 上也会出现同样的问题。

有没有人解决这个问题?并且:这只是“不同”的制作,我必须编写不同的代码还是这是一个错误,这是苹果不想要的?

对不起这个错误的英语!:D

谢谢你的帮助。:)

4

1 回答 1

1

只需添加这个

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">

标签前

于 2014-04-30T14:56:50.387 回答