2013-05-17 5 views
9

Gdy używam trybu pełnoekranowego przeglądarki Safari na urządzeniu z iOS, nagłówek mojej witryny znajduje się pod paskiem stanu. Używam jQuery Mobile, ale miałem też ten sam problem z wykorzystaniem Twitter Boostrap. Oto mój kod:Pełny ekran HTML na urządzeniu z iOS znajduje się pod paskiem stanu

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title></title> 
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
    <meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
<meta name="description" content=""> 
<meta name="author" content=""> 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"> </script> 

</head> 
<body> 

Zrobiłem także zrzut ekranu problemu. Jak widzisz, mój pasek tytułu znajduje się pod paskiem stanu iPada. Próbowałem zmienić styl Apple-mobile-app-status-bar-style na różne rzeczy, ale nie ma to wpływu na pasek stanu. Dziwne jest to, że Apple-mobile-web-app-status-bar-style nie ma znaczenia, niezależnie od tego, do czego go zmieniam.

enter image description here

Odpowiedz

4

To dziwne, jak Twój kod wygląda poprawnie. Mam dwie propozycje:

  1. próbować cofania web-app-capable i status-bar-style meta tagi? Nie żeby to miało jakikolwiek wpływ, ale wszystkie moje aplikacje internetowe na pełnym ekranie mają je w odwrotnej kolejności (najpierw: status-bar-style).

  2. Spróbuj usunąć aplikację ekranu głównego i dodać ją ponownie po wprowadzeniu zmiany? Zauważyłem, że wszystkie metatagi dotyczące elementów specyficznych dla aplikacji internetowej (np. Pasek stanu, ikona, obraz startowy itp.) Nie aktualizują się prawidłowo cały czas, chyba że to zrobię.

+1

Właściwie to wymyśliłem wczoraj, ale nie udało mi się go zaktualizować. Ponowne dodanie go działało. Po dodaniu pierwotnie ustawiłem domyślny styl paska Apple-mobile-web-app-bar na domyślny. Zmieniłem go na czarny, ale go nie dodałem ponownie. Po ponownym dodaniu go zadziałało. – Keith