Safari 11.3.1状态栏变成白色

Question

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

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

Answer 1

弄清楚了。您需要向viewport-fit=cover视口添加元标记内容。

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

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