Safari 11.3.1 状态栏变白变白

Safari 11.3.1 status bar turned white on white

我刚刚在 iPhone 7 上将我的 iOS 更新到 11.3.1。当我将我的 web 应用程序添加到首页(独立模式)时,状态栏(在顶部带有连接信息)现在显示为纯白色条(白底白字)。

我试过:

  1. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  2. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  3. <meta name="apple-mobile-web-app-status-bar-style" content="default">
  4. <meta name="apple-mobile-web-app-status-bar-style" content="white">
  5. 正在完全删除元标记。

一切都无济于事。我真的不在乎它是什么颜色,但白色的条看起来很傻。有人可以帮忙吗?

想通了。您需要将 viewport-fit=cover 添加到视口元标记内容中。

据了解,最近状态栏默认不会与内容重叠。此设置将覆盖它。所以您的视口元标记可能看起来像这样:

<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1, user-scalable=no">

在 Reddit 上查看 this link。使用...

<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="theme-color" content="#000000">

...这是我获得带有白色文本的黑色状态栏的唯一方法。 iOS 15.1,iPhone 11 专业