html - 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 添加到您的视口(viewport)元标记内容。

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

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