Полный экран HTML на устройстве iOS находится под строкой состояния

Когда я использую полноэкранный режим Safari на устройстве iOS, заголовок моего сайта находится в строке состояния. Я использую jQuery Mobile, но у меня тоже была проблема с Twitter Boostrap. Вот мой код:Полный экран HTML на устройстве iOS находится под строкой состояния

<!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>

Я также сделал снимок экрана о проблеме. Как вы можете видеть, моя строка заголовка находится в строке состояния iPad. Я попытался изменить стиль apple-mobile-web-app-status-bar на разные вещи, но это не влияет на строку состояния. Странная вещь: apple-mobile-web-app-status-bar-style, не имеет значения, что бы я ни изменил.

enter image description here

источник

2013-05-17 Keith

Это странно, как ваш код выглядит правильно. У меня есть два предложения:

Try реверсирования web-app-capable и status-bar-style мета теги? Не то чтобы это имело какое-либо значение, но все мои полноэкранные веб-приложения имеют их в обратном порядке для вас (то есть: status-bar-style).
Попробуйте удалить приложение для домашнего экрана и повторно добавить его после внесения изменений? Я нашел все метатеги для конкретных элементов веб-приложения (например: строка состояния, значок, загрузочный образ и т. Д.) Не обновляется должным образом все время, пока я этого не сделаю.

источник

2013-05-23 01:31:36 adnrw

Я действительно понял это вчера, но я не смог его обновить. Повторное добавление его действительно сработало. Первоначально, когда я добавил его, у меня был стиль apple-mobile-web-app-status-bar-style. Я изменил его на черный, но не добавил его повторно. После того, как я снова добавил его, он сработал. – Keith

Полный экран HTML на устройстве iOS находится под строкой состояния

ответ

Смежные вопросы