How to get full-screen-Modus mit einem mobile safari-app auf IOS 8 Iphone 4S

Ich bin sehr neu in der mobile-Entwicklung, also bitte nicht klopfen mir zu viel für newbie-Fragen.

Ich glaube, ich habe die richtigen meta-tags.

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

Von apples Seite hieß es verwenden, die unter-tag zu ermöglichen, die im Vollbildmodus ausgeführt, aber es scheint nicht zu funktionieren.

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

Breite und Höhe werden für das Iphone 4S auf IOS 8

  width: 320px;
  height: 480px

Ich poste den vollständigen code, wenn es hilft, es ist sehr einfach 1 Seite-layout-header mit zwei Schaltflächen, Inhalt, text, und eine footer-nav-icons

Dem problem wie ich es sehe, ist es nicht Vollbild, und weil dieser die IOS Navigations-Leiste am unteren Rand schneidet in meine Fußzeile, die ein Symbol Menü

Diese Lösung hat bei mir nicht funktioniert. Gibt es noch mehr, um es jetzt mit iOS 10?

InformationsquelleAutor dan | 2015-09-13

  1. 5

    Habe ich es herausgefunden, die meta-tags korrekt sind, müssen Sie nur eine Verknüpfung auf dem home-Bildschirm, indem Sie auf den Pfeil nach oben-box auf der unteren Leiste in safari und "hinzufügen zum home-Bildschirm". Dann starten Sie Ihre app und presto bars gegangen sind. Ich schaue nur um zu sagen, 192.../yourapp nicht funktioniert, Sie müssen zum hinzufügen einer Verknüpfung auf dem homescreen zu entfernen, bars

    Schön! Ich denke, es gibt keinen Weg, um sanft zu zwingen, ein Symbol, um einen Benutzer' homescreen? Wie zurück in die Tage, die Sie auslösen könnten "Lesezeichen hinzufügen" - Funktion, so dass der Benutzer musste nur noch genehmigen.
    Funktioniert nicht auf meinem iphone 5 mit ios10

    InformationsquelleAutor dan

Schreibe einen Kommentar