iOS設備上的全屏幕HTML會顯示在狀態欄

當我在iOS設備上使用Safari的全屏模式時，我的網站標題位於狀態欄下。我正在使用jQuery Mobile，但使用Twitter Boostrap時也遇到同樣的問題。這裏是我的代碼：iOS設備上的全屏幕HTML會顯示在狀態欄

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title></title> 
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
    <meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
<meta name="description" content=""> 
<meta name="author" content=""> 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"> </script> 

</head> 
<body>

我也拍了一個問題的截圖。正如你所看到的，我的標題欄在iPad的狀態欄下。我試着將apple-mobile-web-app-status-bar-style改爲不同的東西，但不會影響狀態欄。奇怪的是，apple-mobile-web-app-status-bar-style，不管我改變它什麼都沒有區別。

enter image description here

來源

2013-05-17 Keith

這是奇怪，你的代碼看起來是正確的。我有兩個建議：

嘗試扭轉web-app-capable和status-bar-style meta標籤？不是它應該有所作爲，但我的全屏網絡應用程序將它們按照與您相反的順序（即：首先是status-bar-style）。
嘗試刪除主屏幕應用程序，並在做出更改後重新添加它？我發現所有用於網絡應用特定元素的元標記（例如：狀態欄，圖標，啓動圖像等）都不會一直更新，除非我這樣做。

來源

2013-05-23 01:31:36 adnrw

我其實昨天算出來，但我沒有得到更新它。重新添加它確實有效。當我添加它時，我原本將apple-mobile-web-app-status-bar-style設置爲默認值。我將它改爲黑色，但沒有重新添加。我重新添加後，它工作。 – Keith

iOS設備上的全屏幕HTML會顯示在狀態欄

回答

相關問題