iPhone / CSS - изменить стиль, если сайт установлен как приложение для домашнего экрана

Question

Я делаю приложение для iPhone / мобильный веб-сайт, и когда я захожу на сайт в обычном режиме)(верхнее изображение), все форматируется так, как должно быть, но когда я устанавливаю его как приложение для домашнего экрана (внизу), заголовок остается позади информационная панель вверху (или, по крайней мере, в симуляторе). Поэтому мне интересно, что я могу сделать, чтобы это исправить, или есть ли способ объявить отдельные стили, если iphone находится в этом режиме. Спасибо за любую помощь, которую вы можете предоставить.

Answer 1

http://www.bennadel.com/blog/1950-Detecting-iPhone-s-App-Mode-Full-Screen-Mode-For-Web-Applications.htm

if (("standalone" in window.navigator) && !window.navigator.standalone) {
  // do something, like injecting a stylesheet via JS
}