iOS的Web应用程序状态栏不一致

同时使web应用程序我试图让状态栏TRANSPARANT而是通过万吨文件的阅读我想这是不推荐使用以及与此使用default的结果是：iOS的Web应用程序状态栏不一致

相当在发展过程中有一段时间突然改变这样：

，并在一个实例它继续工作，不管多少我重装everyth ING。但我无法在其他情况下使用它。

这是对的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开发测试11.5

来源

2017-08-11 Sam Apostel

如果可以，粘贴''代码。 – nathan

@nathan发布！ –

好像在iOS的11状态栏也不再当设置为黑色半透明重叠的内容。所以状态显示你的应用程序背景颜色。

来源

2017-10-21 18:04:42 Patrik

这对于非ios11用户来说会很棒但很伤心 –

我对此进行了一些尝试，发现了一些奇怪的现象。状态栏占用20px，内容似乎在它下面滚动。顶部-20px的固定位置元素被状态栏切断。内容仍然在状态栏下滚动并可见。 – Patrik

使用translateY（-20px）在状态栏下方的固定位置元素将仅在内容滚动时显示。 – Patrik

iOS的Web应用程序状态栏不一致

回答

相关问题