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.
Das ist seltsam, da Ihr Code korrekt aussieht. Ich habe zwei Vorschläge:
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).
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.