PWA上iPhone X上的白色状态栏

时间:2019-01-23 10:22:03

标签: ios web-applications safari progressive-web-apps iphone-x

我们的团队在我们的网站上使用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上,它像一个饰物一样

1 个答案:

答案 0 :(得分:0)

由于black-translucent用应用程序的body标签的背景色(例如填充)填充状态栏区域,因此我将尝试使用它们的body元素的大小,背景色和位置。