为什么在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上仅右灰色的边栏？