iPhone地址栏阻止HTML页面标题按钮？ [英] iPhone Address Bar blocks HTML Page Header Buttons?

问题描述

我有一个包含两个标题按钮的移动网站。在iPhone的肖像模式下，它工作正常。我可以按下按钮。

I have a mobile website with two header buttons. In portrait mode on iPhone it works fine. I can push the buttons.

这里是问题：

当我切换到肖像模式， iPhone地址栏显示。

When I switch to Portrait mode and try to tap on the buttons the native iPhone address bar shows up. It comes over the header so I cannot push the buttons.

图片显示的问题：

按下一个按钮后，您会看到：

After pushing one button you see this:

>

如何防止此问题？

向用户显示iPhone浏览器栏？

编辑：当您使用Safari时，您所使用的任何页面都将变为横向，很多在页面的顶部地址栏显示。如果你的页面有一个固定的标题栏，你不能达到它。

When you use Safari whatever page you are on and turn your phone into landscape orientation and tap too much at the top of the page the address bar shows up. If you page has a fixed header bar you cannot reach it.

编辑：当我把标题位置固定的时候，我不能再点击标题按钮

When I make the header position fixed then it turns out that I cannot tap the header buttons anymore when the orientation changes to landscape and the address bar shows up.

编辑：这里是一个示例项目，我使用： http://mobilegwt.appspot.com/showcase/ 你可以在iPhone上试试看，并看到我在图片中显示的效果。 / strong>

Here is a sample project which I use: http://mobilegwt.appspot.com/showcase/ You can try this on an iPhone and see the effect I showed in the images.

推荐答案

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

Maybe you should try to add the meta tag to run in full-screen mode :

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

参考此链接。

EDIT

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

这篇关于iPhone地址栏阻止HTML页面标题按钮？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！