爲什麼在iPhone上100％的寬度/高度不起作用？

Question

如果您有機會在手機中輸入http://toniweb.us/gm，您會看到尺寸是......錯誤的。

Acording的CSS：

html, body{ 
    position:relative; 
    height:100%; 
    width:100%; 
    overflow-y:hidden; 
} 

應當使用全部。

而且，我補充說：

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=2.0" /> 

但我不能肯定這是什麼影響了。

此外，網站被優化爲> = 1024像素。有沒有辦法讓iPhone適應這個？也許通過縮放？

任何提示都會非常有幫助。

Answer 1

嘗試：

html, body{ 
    position:absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    overflow-y: hidden; 
} 

我想，上面的代碼將做的工作;） 我認爲你的目標是看到在iPhone上僅右灰色的邊欄？