iphone - 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
}