ios 10中的apple-mobile-web-app-status-bar风格

时间:2016-09-28 13:30:25

标签: html ios web-applications statusbar meta

我知道之前已经问过这个问题,只是想知道在ios 10(和ios 9)中是否仍然如此......

根据苹果开发人员针对网络应用程序的指南(found here),网络应用程序中的状态栏有3种选择; 默认黑色黑色半透明

  1. 默认会生成带有黑色文字的白色状态栏
  2. 黑色会产生带有白色文字的黑色状态栏,
  3. 黑色半透明会产生透明的白色背景 文本。此外,此状态栏浮动在您的内容之上, 意思是你必须将你的内容压缩20px才能没有 内容与状态栏文本重叠。
  4. 我真的很喜欢使用黑色半透明状态栏(因为我觉得它看起来更原生),但我的页面背景是浅灰色。这使得此状态栏上的白色文本很难阅读。

    简单地说,我就像一个带有黑色文字的透明背景(基本上是默认 - 半透明)。这可能吗?

2 个答案:

答案 0 :(得分:33)

不幸的是,不,你不能在透明背景上使用黑色文字

我认为这会在某个时候添加到架构中,并且发现你现在无法实现这个例子。我想简而言之,答案就是设计您的虚拟应用程序,以便更好地控制其行为和外观。

Apple Documentation支持的元标记

  

content="default"

Default apple-mobile-web-app-status-bar-style

  

content="black"

enter image description here

  

content="black-translucent"

enter image description here

答案 1 :(得分:2)

目前无法实现。我只想添加(在阅读评论后),为了让更改显示,至少在我的iPhone X上,您需要从手机中删除该应用程序,然后将其重新添加到主屏幕。