我有一个带有两个标题按钮的移动网站。在 iPhone 的肖像模式下，它工作正常。我可以按下按钮。
问题是:
当我切换到纵向模式并尝试点击按钮时，原生 iPhone 地址栏会出现。它位于标题上方，因此我无法按下按钮。
图像显示问题:
按下一个按钮后，您会看到:
我怎样才能避免这个问题？
有没有办法检测是否向用户显示了 iPhone 浏览器栏？
编辑:当您在任何页面上使用 Safari 并将手机调成横向并在页面顶部点击过多时，地址栏就会出现。如果您的页面有一个固定的标题栏，您将无法访问它。
编辑:当我固定标题位置时，当方向变为横向并且地址栏出现时，我无法再点击标题按钮。
编辑:这是我使用的示例元素:http://mobilegwt.appspot.com/showcase/你可以在 iPhone 上试试这个，看看我在图片中展示的效果。
最佳答案
也许您应该尝试添加元标记以在全屏模式下运行:
<meta name="apple-mobile-web-app-capable" content="yes" />
引用于 this link .
编辑
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
关于iPhone 地址栏阻止 HTML 页面标题按钮？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20164982/