cga*_*gat 5 viewport meta-tags ipad ios
我正在创建一个需要在 iPad 上以全屏模式显示的 Web 应用程序。我还需要消除 300 毫秒的点击延迟,以便应用程序能够响应地执行。为此,我将以下元标记添加到标头:
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0">
Run Code Online (Sandbox Code Playgroud)
当我将网站添加到主屏幕(Safari、共享->添加到主屏幕)时,全屏模式被激活。
我遇到的问题是,当我在 Safari 中查看 Web 应用程序时,300 毫秒的点击延迟被消除,但是,在全屏模式下(通过主屏幕图标打开应用程序时),300 毫秒的点击延迟仍然存在。
作为一个非常简单的示例,这里是一个带有 2 个单选按钮的 codepen,其中元标记设置如我上面提到的:
http://codepen.io/cgat/full/ZBwYyW/
如果您在移动 Safari 中打开此笔并将其添加到主屏幕,您将看到单选点击的延迟。
我正在用ipad air进行测试。
归档时间: |
|
查看次数: |
319 次 |
最近记录: |