我创建了一个全屏背景滑块/图像的网站。我使用过“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
谢谢你的帮助。 :)
答案 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">
标签前的