PWA 上 iPhone X 上的白色状态栏



我们的团队为我们的网站使用 PWA,我在 iPhone X 上的状态栏颜色方面遇到了问题。这是我的索引.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上,它就像一个魅力

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

最新更新