为什么100％的宽度/高度不适用于iPhone？

Question

如果您有机会在手机中输入http://toniweb.us/gm，则会看到尺寸错误。

根据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"  />

但我不太确定这会影响到什么。

此外，该网站优化为＆gt; = 1024像素。有没有办法让iPhone适应这个？也许通过某种方式缩放？

任何提示都会非常有用。

Answer 1

尝试：

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

我猜上面的代码可以完成这项工作;） 而且我认为你的目标是只看到iphone上的灰色边栏？