如何在IOS 8 Iphone 4S上使用移动safari Web应用程序获得全屏模式

dan*_*dan 6 iphone web-applications mobile-safari

我对移动开发非常陌生,所以请不要因为新手问题而烦我.

我想我有正确的元标记.

<meta name="viewport" content="width=device-width, initial-scale=1">
Run Code Online (Sandbox Code Playgroud)

从苹果网站上说它使用下面的标签允许在全屏模式下运行,但它似乎不起作用.

<!-- Allow web app to be run in full-screen mode. -->
<meta name="apple-mobile-web-app-capable"
      content="yes">
Run Code Online (Sandbox Code Playgroud)

在IOS 8上为Iphone 4S设置宽度和高度

  width: 320px;
  height: 480px
Run Code Online (Sandbox Code Playgroud)

我可以发布完整的代码,如果它将有助于它是非常简单的1页面布局标题与两个按钮,内容只是文本,以及带有导航图标的页脚

我看到的问题是它不是全屏,因此底部的IOS导航栏切断了我的页脚,它有一个图标菜单

dan*_*dan 5

我想通了,meta标签是正确的,你只需要在主屏幕上创建一个快捷方式,点击safari底部栏上的向上箭头框,然后选择添加到主屏幕.然后启动你的应用程序和presto栏已经消失.只是浏览说192 .../yourapp不起作用你必须添加一个快捷方式到主屏幕删除栏

  • 使用ios10在我的iphone 5上不起作用 (2认同)