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 进行了比较：

https://i.stack.imgur.com/HB5ji.png

在 iPhone XS 上它就像一个魅力

标签： iosweb-applicationssafariprogressive-web-appsiphone-x

Answer 1

由于black-translucent使用应用程序主体标签的背景颜色填充状态栏区域，例如填充，我会使用它们的主体元素的大小、背景颜色和位置。