我制作了一个带有全屏背景 slider /图像的网站。我用过“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 栏和底部隐藏的栏。但是图像不会放大到与屏幕一样大。底部会出现一个白色条,与隐藏的工具栏一样高。
我确信这不是我的代码的问题。例如,Google Crome 的工作方式相同 - 滚动条会隐藏 - 但图像会放大以适应“新的更大的屏幕”。
其他全屏背景图片网站在 iOS 7 Safari 上也有同样的问题。
有人解决这个问题吗? 并且:这只是制作的“不同”,我必须编写不同的代码,还是这是 Apple 不想要的错误?
抱歉这个有问题的英语!! :D
谢谢你的帮助。 :)
最佳答案
只需添加这个
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
标签前
关于iOS7 Safari 全屏图像滚动时变小(隐藏 url-bar 等),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19180072/