2011-12-08 31 views
-1

我正在爲移動設備創建一個Web應用程序,但我有一個iPhone的頁腳工具欄的問題,我只想隱藏或刪除它,但我試圖沒有結果。Iphone WebApp頁腳工具欄

我在蘋果支持閱讀使用一些元標記這樣的:

<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 

但工具欄始終顯示出來......

有什麼辦法來隱藏它,使一個「看上去像「本機應用程序?

回答

1

您必須在設備主屏幕中添加您的網站/網絡應用程序。僅當您從主屏幕獲得鏈接時,Apple提供的元標記纔有效。

0

嘗試

#menu 
{ 
    text-align:center; 
    margin-top: 20px; 
    height:100px; 
    background-color:#000; 
    width:100%; 
    position:fixed; 
    bottom:0; 
} 

,然後把它在你的部門! 如果它是一個Web應用程序。

+0

嘗試[this](http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page) 或[this](http://www.wickham43.net/ headerfooterfix.php) – StackFlowed

+0

'位置:固定'不適用於Android和iOS <5 – tungd

+0

感謝您的評論,也許有一個誤解,我只是想移除移動客戶端的頁腳工具欄,我的意思是默認瀏覽器頁腳工具欄,而不是添加一些新的菜單類似的東西! –