14

我正在构建一个 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" />

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

4

3 回答 3

2

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

我做的。这里为你解答。

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

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

于 2014-05-24T05:35:46.367 回答
2

"translucent"确实适用于 iPhone,但它是命中或错过。

将一些 css 放入
@media only screen (height: "iPHONES HEIGHTs"px) and (width: 320px) { }.

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

今天7.0.4出来了,还是有问题。来吧苹果:(

于 2013-11-14T21:55:23.550 回答
0

如果您删除此元行,请将您的背景颜色设为白色,它将显示一个白色状态栏。

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

于 2013-09-27T09:38:45.603 回答