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應用程序狀態欄不一致

回答

相關問題