iPhone地址栏阻止HTML页眉按钮？

Question

我有一个带有两个标题按钮的移动网站.在iPhone上的纵向模式下它工作正常.我可以按下按钮.

这是问题所在:

当我切换到纵向模式并尝试点击按钮时,本机iPhone地址栏会出现.它来自标题,所以我无法按下按钮.

图像显示了问题:

按下一个按钮后,您会看到:

我该如何防止这个问题？

有没有办法检测到我向用户显示iPhone浏览器栏？

编辑:当您使用Safari时,无论您使用哪个页面,并将手机转为横向,并在页面顶部点击太多,地址栏就会显示出来.如果您的页面有一个固定的标题栏,则无法访问它.

编辑:当我修改标题位置时,当方向更改为横向并且地址栏显示时,我不能再点击标题按钮.

编辑:这是我使用的一个示例项目:http://mobilegwt.appspot.com/showcase/您可以在iPhone上试一试,看看我在图像中显示的效果.

Answer 1

也许您应该尝试添加元标记以在全屏模式下运行：

<meta name="apple-mobile-web-app-capable" content="yes" />

在此链接中引用。

编辑

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">