Der Vollbild-HTML-Code auf dem iOS-Gerät wird in der Statusleiste angezeigt

9

Wenn ich den Vollbildmodus von Safari auf einem iOS-Gerät verwende, befindet sich die Kopfzeile meiner Website in der Statusleiste. Ich benutze jQuery Mobile, aber ich hatte auch das gleiche Problem mit Twitter Boostrap. Hier ist mein Code:

%Vor%

Ich habe auch einen Screenshot des Problems gemacht. Wie Sie sehen können, befindet sich meine Titelleiste unter der Statusleiste des iPads. Ich habe versucht, die Apple-Mobile-Web-App-Statusleiste-Stil zu verschiedenen Dingen zu ändern, aber es hat keinen Einfluss auf die Statusleiste. Das Seltsame ist, Apple-Mobile-Web-App-Status-Bar-Stil, macht keinen Unterschied, egal, was ich es ändern.

    
Keith 17.05.2013, 12:43
quelle

1 Antwort

4

Das ist seltsam, da Ihr Code korrekt aussieht. Ich habe zwei Vorschläge:

  1. Versuchen Sie, die Metatags web-app-capable und status-bar-style umzukehren. Nicht, dass es einen Unterschied machen sollte, aber alle meine Vollbild-Web-Apps haben sie in umgekehrter Reihenfolge (zB: status-bar-style first).

  2. Entfernen Sie die App für den Startbildschirm und fügen Sie sie nach der Änderung erneut hinzu? Ich habe festgestellt, dass alle Meta-Tags für web-app-spezifische Elemente (zB: Statusleiste, Icon, Startbild usw.) nicht immer korrekt aktualisiert werden, wenn ich das nicht tue.

adnrw 23.05.2013, 01:31
quelle

Tags und Links