iOS 7网络应用状态栏

时间:2013-09-26 19:47:50

标签: html ios web-applications ios7

我正在构建iOS网络应用。自从更新到iOS 7后,我注意到状态栏有很多问题。我想让状态栏显示为带有黑色文字/图标的白色,但我似乎无法弄明白。

我尝试的元标记是:

只显示一个空黑条并将内容向下移动:

<meta name="apple-mobile-web-app-status-bar-style" content="default" />

显示带有白色文字/图标的黑条:

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

显示带有白色文字/图标的白条:

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

关于我做错了什么或如何让状态栏显示为带有黑色文字的白色背景的任何想法?

3 个答案:

答案 0 :(得分:2)

"translucent"适用于iPhone,但它很受欢迎。

你可能会因为把一些css放在内部而感到幸运  @media only screen (height: "iPHONES HEIGHTs"px) and (width: 320px) { }

我在iPad上使用它的唯一方法是将网页保存为translucent,然后将网页更改为"black-translucent"并重新启动网络应用。

7.0.4今天问世,这仍然是一个问题。 Come'on Apple :(

答案 1 :(得分:2)

  

我正在构建iOS网络应用。自从更新到iOS 7后,我注意到状态栏有很多问题。我想让状态栏显示为带有黑色文字/图标的白色,但我似乎无法弄明白。

我做到了。这是你的答案。

https://github.com/BYODKM/pwdGen/blob/gh-pages/index.html#L8-L16

点是;应用程序应以“黑色半透明”保存到主屏幕上,但以“默认”运行。

答案 2 :(得分:0)

如果删除此元线,请将背景颜色设为白色,它将显示白色状态栏。

浏览器将采用您的身体背景颜色。据我检查并通知您的状态栏。它似乎都集成在浏览器框架中