问题描述
我安装了 iOS 15 测试版，并在新的 Safari 更新中查看我的网站，我看到顶部标题显示灰色标题，而不是透明的可以在缺口等下方流动。
整个网站都是纯白色和黑色文本，所以我希望状态栏是透明和黑色文本，以便网站完美融合。
我试过了：
<Meta name="apple-mobile-web-app-status-bar-style" content="default" /> 以及
<Meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
也用过：
<Meta name="theme-color" content="#ffffff">
这些似乎都没有区别，我检查了其他网站，如果您检查，则标题颜色与标题几乎合并：
cnn.com 或 hillarys.co.uk 你会看到标题影响 iPad 上 Safari 导航栏的颜色，在 iPhone 上它会接管缺口区域，因此它成为标题。对我来说，无论我做什么，我都无法让那个白色的标题/缺口与我的白色网站融为一体。
希望这是有道理的，提前致谢。
解决方法
如果您的手机处于 Light Appearance 模式（设置 -> 显示和亮度），似乎您可以使用 <meta name="theme-color" content="foo"> 设置最大暗度。例如：
-
<meta name="theme-color" content="blue">在明暗模式下都会影响标题。 -
<meta name="theme-color" content="black">在明暗模式下都会影响标题。 -
<meta name="theme-color" content="#ffffff">仅在浅色模式下影响标题。