如何降低iPhone中的視口

 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /> 
    <meta name="apple-mobile-web-app-capable" content="yes" /> 

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

我在頁面上獲得了上述標籤。我努力實現的是將視口放在iphone獲得的黑色狀態欄下面。我讀了這個：如何降低iPhone中的視口

如果內容設置爲默認，狀態欄顯示正常。如果設置爲黑色，狀態欄的背景爲黑色。如果設置爲黑色半透明狀態欄是黑色半透明的。如果設置爲默認或黑色，則Web內容顯示在狀態欄下方。如果設置爲黑色半透明，則Web內容將顯示在整個屏幕上，部分被狀態欄遮擋。

但我確實按照指導原則，仍然不明白..爲什麼狀態欄和視口之間有重疊..我想要視口去iphone狀態欄下面..如何實現？

該解決方案還犯規工作：

function fullScreen() { 
     window.moveTo(0, 1); 
     window.resizeTo(screen.width, screen.height); 
    }

另一種解決方案可能是通過爲5px調整大小的文件（它收縮），並在正文的開頭給
。但有誰知道如何去做？

來源

2012-07-15 Dmitry Makovetskiyd

這是一個混亂的解決方案，但您可以將頂部邊距設置爲狀態欄的大小。

來源

2012-07-15 13:07:28 QuantumBadger

我設置了一個br，它的工作..但它不是我正在尋找的解決方案。用css操縱狀態欄是不可能的！ – 2012-07-15 13:52:31

如何降低iPhone中的視口

回答

相關問題