iPhone地址栏阻止HTML页眉按钮？
我有一个带有两个标题按钮的移动网站。 在iPhone上的肖像模式，它工作正常。 我可以按下按钮。
这是问题：
当我切换到肖像模式并尝试点击按钮时，显示原生iPhone地址栏。 它来自头部，所以我不能按下按钮。
这些图像显示了问题：
按下一个按钮后，您会看到：
我怎样才能防止这个问题？
有没有办法检测到我的iPhone浏览器栏显示给用户？
编辑：当您使用Safari浏览任何页面时，将手机变为横向，并在页面顶部点击太多地址栏显示。 如果您的页面有固定的标题栏，则无法触及它。
编辑：当我确定标题位置，然后事实证明，当方向改变为横向并且地址栏显示时，我无法再点击标题按钮。
编辑：这是一个我使用的示例项目：http://mobilegwt.appspot.com/showcase/你可以在iPhone上试试这个，看看我在图像中显示的效果。
也许你应该尝试添加meta标签以全屏模式运行：
<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;">
你有没有尝试在身体上添加填充物？ 所有的固定头设计都有这个。 身体的填充等于网站上包含图标的酒吧的高度。 如果媒体查询只处于横向状态，则可以在媒体查询中执行它们：
/* iPhone 4" screen: landscape */
@media screen and (aspect-ratio: 568/114) and (device-aspect-ratio: 320/568), screen and (aspect-ratio: 568/320) and (device-aspect-ratio: 320/568) {
body {padding-top:20px} /*your padding*/
}
你可以尝试添加最小高度到你的身体。
<style>
body { min-height: 505px; }
</style>
这是来源。
链接地址: http://www.djcxy.com/p/75717.html