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

时间:2011-08-09 14:53:29

标签: iphone css iphone-standalone-web-app

我正在制作一个iPhone应用程序/移动网站,当我正常访问该网站时)(顶部图像),所有内容都应该按照原样进行格式化,但是当我将其设置为主屏应用程序(底部)时, title位于顶部的信息栏后面(或者至少在模拟器中)。所以我想知道我能做些什么来解决这个问题,或者如果iphone处于这种模式,有什么方法可以声明单独的样式。感谢您的任何帮助,您可以提供。

Top: From Website. Bottom: As Home Screen App

1 个答案:

答案 0 :(得分:4)

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
}