代码之家  ›  专栏  ›  技术社区  ›  dan

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

  •  6
  • dan  · 技术社区  · 9 年前

    我对移动开发很陌生,所以请不要在新手问题上敲我太多。

    我想我有正确的元标签。

    <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导航栏会切断我的页脚,页脚上有一个图标菜单

    1 回复  |  直到 9 年前
        1
  •  5
  •   dan    9 年前

    我想通了,元标签是正确的,你只需要在主屏幕上创建一个快捷方式,方法是在safari中单击底部栏上的向上箭头框,然后选择添加到主屏幕。然后启动你的应用程序,presto栏就会消失。只需浏览到192…/你的应用程序不起作用,你必须在主屏幕上添加快捷方式以删除条