Safari 11.3.1状态栏在白色显示为白色

Question

我刚刚将iPhone 7上的iOS更新为11.3.1。当我将我的webapp添加到首页（独立模式）时，状态栏（顶部带有连接信息）现在显示为纯白条（白底白字）。

我试过了：

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. 完全删除元标记。

一切都无济于事。我真的不在乎它是什么颜色，但白色的酒吧看起来很笨。有人可以帮忙吗？

Answer 1

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

显然，截至最近，状态栏默认情况下不会与内容重叠。此设置将覆盖该设置。因此，您的视口元标记可能如下所示：

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