我们的团队在我们的网站上使用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上,它像一个饰物一样
答案 0 :(得分:0)
由于black-translucent
用应用程序的body标签的背景色(例如填充)填充状态栏区域,因此我将尝试使用它们的body元素的大小,背景色和位置。