iPhone / CSS - 如果网站设置为主屏幕应用程序，则更改样式

Question

我正在制作一个iPhone应用程序/移动网站，当我正常访问该网站时）（顶部图像），所有内容都应该按照原样进行格式化，但是当我将其设置为主屏应用程序（底部）时， title位于顶部的信息栏后面（或者至少在模拟器中）。所以我想知道我能做些什么来解决这个问题，或者如果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
}