ios - PWA 上 iPhone X 上的白色状态栏

Question

我们的团队在我们的网站上使用 PWA，我对 iPhone X 上的状态栏颜色有疑问。这是我的 index.html 元标记:

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="transparent">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover">

更改状态栏内容没有帮助:

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

我一直在寻找解决方案，但我还没有找到。为了进行比较，我附上了 Xcode 模拟器中基于 iOS 12.1 的 iPhone X 和 iPhone XS 的两个屏幕:

/image/HB5ji.png

在 iPhone XS 上它就像一个魅力

Answer 1

因为 black-translucent 用应用程序 body 标签的背景颜色填充状态栏区域，就像填充一样，我会尝试调整它们 body 的大小、背景颜色和位置元素。