我们的团队使用PWA为我们的网站和我有一个关于iPhone X的状态栏颜色的问题这是我的index.html meta标签:
<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">
我一直在寻找解决办法,但我还没有找到它。为了比较我已经附加基于iOS的12.1与iPhone X和iPhone XS Xcode的模拟器两个屏幕:
https://i.stack.imgur.com/HB5ji.png
在iPhone上XS它就像一个魅力
由于black-translucent
填充与应用程序的body标签的背景颜色,像填充状态栏区,我玩的大小,背景颜色和他们的身体元素的位置。