iOS 7 web应用状态栏

Question

我正在构建一个iOS web应用程序。自从更新到iOS 7后，我注意到状态栏有很多问题。我想让状态栏显示为白色和黑色文本/图标，但我似乎不能解决这个问题。

我尝试过的meta标签是：

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

<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" />

关于我做错了什么，或者如何让状态栏显示为白色背景和黑色文本，有什么想法吗？

Answer 1

"translucent"确实适用于iPhones，但它好坏参半。

如果你把一些css放在

@media only screen (height: "iPHONES HEIGHTs"px) and (width: 320px) { }。

我让它在我的iPad上工作的唯一方法是将网页保存为translucent，然后将网页更改为"black-translucent"，然后重新启动way应用程序。

7.0.4今天发布了，它仍然是一个问题。来吧，苹果:(

Answer 2

我正在构建一个iOS web应用程序。自从更新到iOS 7后，我注意到状态栏有很多问题。我想让状态栏显示为白色和黑色文本/图标，但我似乎不能解决这个问题。

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

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

重点是；应用程序应该保存在主屏幕上的“黑色-半透明”，但运行时使用“默认”。

Answer 3

如果您删除此meta行，请将背景颜色设置为白色，它将显示白色状态栏。

浏览器将对你的身体背景颜色进行微调。据我所知，你的状态栏也是如此。它似乎都集成在浏览器框架中