Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/102.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
iOS webapp状态栏不一致_Ios_Web Applications_Statusbar_Iphone Standalone Web App - Fatal编程技术网
Fatal编程技术网
  • ios/
  • iOS webapp状态栏不一致

iOS webapp状态栏不一致

ios web-applications

iOS webapp状态栏不一致,ios,web-applications,statusbar,iphone-standalone-web-app,Ios,Web Applications,Statusbar,Iphone Standalone Web App,在制作web应用程序时，我试图使状态栏透明，但通过阅读大量文档，我发现这是不推荐的，并使用了default，结果如下： 在开发过程中很长一段时间，它突然变成了这样： 在那一个例子中，它一直在工作，不管我重新加载了多少东西。但我不能让它在其他情况下工作 这是index.php上我的标题中的代码 <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta name="apple-mobil

在制作web应用程序时，我试图使状态栏透明，但通过阅读大量文档，我发现这是不推荐的，并使用了
default
，结果如下：

在开发过程中很长一段时间，它突然变成了这样：

在那一个例子中，它一直在工作，不管我重新加载了多少东西。但我不能让它在其他情况下工作

这是index.php上我的标题中的代码

<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 dev beta 11.5

当设置为黑色半透明时，IOS 11中的状态栏似乎不再与内容重叠。因此，状态显示您的应用程序背景色。

如果可以，请粘贴
代码。@nathan发布了！这对非ios11用户来说太棒了，但令人难过。我做了一点实验，发现了一些奇怪的行为。状态栏占据了20px的空间，内容似乎在它下面滚动。一个顶部为-20px的固定定位元素被状态栏切断。内容仍在状态栏下方滚动且可见。使用translateY（-20px）在状态栏下方按固定位置元素，仅当内容在其下方滚动时才会显示该元素。