iPhone 移动视图上的 ReactJS 状态栏为黑色

Question

我查找了解决方案，大多数都是关于 PWA 的，但这是一个静态网页。

我尝试添加到我的index.html 文件中，但仍然没有任何结果。 Safari 和 Chrome 上同样

<meta name='viewport' content='initial-scale=1, viewport-fit=cover'>

这就是我想要实现的目标

我希望黑条的颜色和网页一样

Answer 1

要更改颜色，请更改 index.html

中的代码

<meta name="theme-color" content="#0d436d" />

根据您需要的颜色修改内容。