iOS7 Safari 全屏图像滚动时变小(隐藏 url-bar 等)

标签 ios css safari ios7 mobile-safari

我制作了一个带有全屏背景 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/

相关文章:

ios - SFSafariViewController 在 UINavigationController 中推送时隐藏网络事件指示器

javascript - Safari 后退按钮问题

ios - ReachabilitySwift 有什么问题?

html - 在iPhone中,键盘弹出时光标会停留在原来的位置

ios - 应用程序传输后,Firebase 通知无法发送到 iOS 平台

ios - 调整大小的 UIView 上没有触摸事件

html - 如何叠加图像

jquery - 离开悬停后完成 CSS 动画

javascript - 销毁 CSS Bootstrap 模态

javascript - Safari 中 WebSQL 中的 SELECT 查询返回错误