Webapp на iphone 5 показывает неправильную высоту

Я всегда получаю неправильные измерения своего веб-приложения. Это 320x460, хотя я ожидал, что это будет 320x548.

Я использую следующие метатеги:

<meta name="viewport" content="initial-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">

Так что я не уверен, что делаю не так.


person Alx    schedule 06.04.2013    source источник


Ответы (1)


Это может вам помочь -

стандартный тег области просмотра для установки окна просмотра на ширину устройства Устройства Android 2.3 нуждаются в этом, поэтому 100% ширина работает правильно и не позволяет детям увеличивать ширину области просмотра

<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />

width = device-width заставляет iPhone 5 использовать почтовый ящик для приложения, поэтому мы хотим исключить его для iPhone 5, чтобы разрешить полноэкранные приложения.

<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" />
person Kevin Lynch    schedule 06.04.2013
comment
Необходимая магия заключалась в том, чтобы удалить закладку и открыть новую. Каким-то образом приложение подумало, что оно должно отображать адресную строку. - person Alx; 06.04.2013