Изменение метатега окна просмотра iPhone на ссылке на главном экране

У меня есть веб-приложение, в котором я ранее настроил метатеги, необходимые для поддержки iPhone с закладкой на главном экране. Веб-сайт отлично работал в сафари, а в качестве закладки с параметром apple-mobile-web-app-enabled было установлено значение «Да», поэтому элементы управления браузером были удалены, когда вы использовали ссылку на домашний экран.

Теперь, когда iPhone 5 вышел, я понял, что с настройками области просмотра, которые у меня были на странице, он показывает сайт с черными полосами вверху и внизу экрана. С тех пор я изменил свой метатег области просмотра, чтобы он использовал полный экран iPhone 5. Однако единственный способ для закладки домашнего экрана использовать новые теги области просмотра и перейти в полноэкранный режим - это удалить закладку и повторно добавить Это.

Есть ли другой способ настроить все так, чтобы всем, у кого уже установлена ​​закладка на главном экране, не нужно было удалять и повторно добавлять ее, чтобы сайт перешел в полноэкранный режим?


iphone viewport homescreen
person user1735869    schedule 10.10.2012    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Это решение, которое я нашел Бурлином на Gist. Работает удовольствие. https://gist.github.com/3840737

<!-- standard viewport tag to set the viewport to the device's width
  , Android 2.3 devices need this so 100% width works properly and
  doesn't allow children to blow up the viewport width-->
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />
<!-- width=device-width causes the iPhone 5 to letterbox the app, so
  we want to exclude it for iPhone 5 to allow full screen apps -->
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" />
person Robby Jennings    schedule 07.12.2012
comment
Это круто, но с какой целью вы включили два одинаковых идентификатора? - person fisherwebdev; 20.03.2013