iOS7 Safari全屏图像尺寸在滚动时变小(隐藏网址栏等)

时间:2013-10-04 11:27:16

标签: ios css safari ios7 mobile-safari

我创建了一个全屏背景滑块/图像的网站。我使用过“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上遇到同样的问题。

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

抱歉这个错误的英语!! :d

谢谢你的帮助。 :)

1 个答案:

答案 0 :(得分: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">
标签前的