滚动时将iOS7 Safari全屏图像尺寸缩小（隐藏网址栏等）

Question

我用全屏背景滑块/图像制作了一个网站。 我使用过“ backstretch”，请参见此处： http : //srobbin.com/jquery-plugins/backstretch/

它几乎可以在任何地方工作。 在当前的Opera，Chrome，Safari，Mac和Windows上的Firefox上，甚至在Windows上的IE10，IE9和IE8上。 移动版-在旧的Android浏览器，Android Chrome，iOS（所有版本）Chrome和iOS 4、5、6.x Safari上均可使用。

但不适用于iOS 7上的Safari。

问题：如果向下滚动网址栏，则底部的栏会隐藏。 但是图像不能放大到与屏幕一样大。 出现底部的白条，与隐藏的工具栏一样高。

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

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

有没有人解决这个问题？ 并且：是否只是“不同”而已，我必须编写不同的代码，还是这是Apple所不希望的错误？

对不起，这个越野车英语！ ：d

谢谢你的帮助。 :)

Answer 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">

标签前