Safari 11.3.1 状态栏变白变白
Safari 11.3.1 status bar turned white on white
我刚刚在 iPhone 7 上将我的 iOS 更新到 11.3.1。当我将我的 web 应用程序添加到首页(独立模式)时,状态栏(在顶部带有连接信息)现在显示为纯白色条(白底白字)。
我试过:
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-status-bar-style" content="white">
- 正在完全删除元标记。
一切都无济于事。我真的不在乎它是什么颜色,但白色的条看起来很傻。有人可以帮忙吗?
想通了。您需要将 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 专业
我刚刚在 iPhone 7 上将我的 iOS 更新到 11.3.1。当我将我的 web 应用程序添加到首页(独立模式)时,状态栏(在顶部带有连接信息)现在显示为纯白色条(白底白字)。
我试过:
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-status-bar-style" content="white">
- 正在完全删除元标记。
一切都无济于事。我真的不在乎它是什么颜色,但白色的条看起来很傻。有人可以帮忙吗?
想通了。您需要将 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 专业