iOS webapp状态栏不一致

iOS webapp status bar inconsistent

在制作 Web 应用程序时,我试图使状态栏透明,但阅读了大量文档后我认为这已被弃用并使用 default 结果是:

开发了好久突然变成这样:

在那个例子中,无论我重新加载多少东西,它都会继续工作。但是我无法让它在其他情况下工作。

这是我在 index.php

header 中的代码
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="apple-touch-icon" href="img/appiconTAD.png">
<!-- <link rel="apple-touch-startup-image" href="img/splashScreen.png"> -->
<meta charset="UTF-8">
<title>take a dare</title>
<link href="css/style.css?v1" rel="stylesheet">
<link href="css/main.css?v1" rel="stylesheet">

有什么想法吗?

值得注意的是,我正在使用 IOS 开发测试版 11.5

似乎 iOS 11 状态栏在设置为 black-translucent 时不再与内容重叠。因此状态显示您的应用背景色。