如何在 IOS 8 Iphone 4S 上使用移动 Safari 网络应用程序获得全屏模式答案

【问题标题】：How to get full screen mode with a mobile safari web app on IOS 8 Iphone 4S如何在 IOS 8 Iphone 4S 上使用移动 Safari 网络应用程序获得全屏模式
【发布时间】：2015-12-09 10:14:06
【问题描述】：

我对移动开发非常陌生，所以请不要因为新手问题而对我大发雷霆。

我认为我有正确的元标记。

<meta name="viewport" content="width=device-width, initial-scale=1">

来自苹果网站，它说使用下面的标签允许在全屏模式下运行，但它似乎不起作用。

<!-- Allow web app to be run in full-screen mode. -->
<meta name="apple-mobile-web-app-capable"
      content="yes">

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

  width: 320px;
  height: 480px

如果有帮助的话，我可以发布完整的代码。非常简单的 1 页布局标题，带有两个按钮，内容只是文本，页脚带有导航图标

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

【问题讨论】：

这个解决方案对我不起作用。 iOS 10 现在还有更多功能吗？

标签： iphone web-applications mobile-safari

【解决方案1】：

我想通了，元标记是正确的，您只需在 safari 中单击底部栏上的向上箭头框并选择添加到主屏幕，在主屏幕上创建一个快捷方式。然后启动你的应用程序，presto bar 就消失了。只是浏览说 192.../yourapp 不起作用，您必须在主屏幕上添加快捷方式才能删除栏

【讨论】：

不错！我想没有办法轻轻地将图标强制到用户的主屏幕上？就像在过去，您可以触发“添加书签”功能，这样用户只需批准即可。