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

Bra*_*rad 16 html meta web-applications statusbar ios

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

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

  1. 默认结果是带有黑色文本的白色状态栏,
  2. 黑色会产生带有白色文字的黑色状态栏
  3. 黑色半透明导致透明背景与白色文本.此外,此状态栏会浮动在您的内容之上,这意味着您必须将内容降低20px才能使内容与状态栏文本重叠.

我真的很喜欢使用黑色半透明状态栏(因为我觉得它看起来更原生),但我的页面背景是浅灰色.这使得此状态栏上的白色文本很难阅读.

简而言之,我只是喜欢带有黑色文字的透明背景(基本上是默认的半透明).这可能吗?

Mat*_*att 37

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

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

Apple文档支持的元标记


content="default"

默认的apple-mobile-web-app-status-bar风格


content="black"

在此输入图像描述


content="black-translucent"

在此输入图像描述

  • 感谢@Matt的回答,这似乎是苹果公司的一个明显的疏忽,但我想我只能等待! (2认同)

小智 24

我找到了解决方案!我们可以通过主题颜色元标记来实现这一点。

<meta name="theme-color" content="#fff">
Run Code Online (Sandbox Code Playgroud)

  • 哇,这个在 2022 年确实有效 (4认同)

小智 7

目前是不可能的。我只是想补充一下(在阅读评论后)为了显示更改,至少在我的 iphone X 上,您需要从手机中删除该应用程序,然后将其重新添加到主屏幕。