我们的团队为我们的网站使用 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
用应用程序正文标签的背景色填充状态栏区域,例如填充,因此我会使用它们正文元素的大小、背景颜色和位置。