如何在IOS 8 Iphone 4S上使用移动野生动物园网络应用程序获得全屏模式 [英] How to get full screen mode with a mobile safari web app on IOS 8 Iphone 4S

问题描述

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

I am very new to mobile development so please don't knock me to much for newbie questions.

我想我有正确的元标记。

I think I have the correct meta tags.

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

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

From apples site it said use the below tag to allow running in full screen mode but it does not seem to work.

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

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

Width and Height are set for Iphone 4S on IOS 8

  width: 320px;
  height: 480px

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

I can post the full code if it will help it is very simple 1 page layout header with two buttons, content just text, and a footer with nav icons

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

The problem as I see it is that it is not full screen and because of this the IOS navigation bar at the bottom cuts off my footer which has an icon menu

推荐答案

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

I figured it out, the meta tags are correct, you just have to create a shortcut on the home screen by clicking on the up arrow box on the bottom bar in safari and choosing add to home screen. Then launch your app and presto bars are gone. Just browsing to say 192.../yourapp does not work you have to add a shortcut to the homescreen to remove bars

这篇关于如何在IOS 8 Iphone 4S上使用移动野生动物园网络应用程序获得全屏模式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！