html - 使用 CSS 更改 Safari IOS 上的地址栏背景颜色

Question

我正在构建一个网站并开始跨浏览器测试，在 IOS 上的 Safari 上我看到地址栏和状态栏没有采用网站的颜色，搜索了一下我找到了 meta解决该问题的标签

<meta name="theme-color" content="#07070f">
<meta name="msapplication-navbutton-color" content="#07070f">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="#07070f">

它适用于状态栏，但在地址不变的情况下

Picture showing what I'm explaining

我在互联网上搜索了很多，但找不到解决方案，我在 meta 标记中的主要、页眉和页脚上也有相同的背景颜色，并且 :root 样式设置了颜色-方案:深色

Answer 1

如果有人遇到与我相同的问题，这对我有用:

经过一番努力寻找解决方案后，我发现问题在于我没有像这样用页面的背景颜色(与我给元标记的颜色相同)声明正文

body{
    background-color: #07070f;
}

在 HTML 元标记中:

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

我推断这采用了主体颜色并且黑色半透明的内容工作正常，但也许你应该尝试不同的东西来找到正确的，希望能帮助别人