应用程序窗口的奇怪宽度导致不需要的边距答案

【问题标题】：Weird width of app window causing undesirable margin应用程序窗口的奇怪宽度导致不需要的边距
【发布时间】：2011-11-08 18:55:19
【问题描述】：

所以我正在使用 phonegap 为 android 2.1 制作应用程序，右侧有一些额外的空白边距（大约 5px），使页面可以水平滚动（我真的想避免这种情况）。我疯狂地更改和测试 css，直到我尝试使用 javascript 检查宽度。（设备宽 320 像素）

main div 是 320px，body 是 320px，document 是 320px...但是 window 是 325px！

我把这一切都归咎于这个奇怪的窗口宽度，但我真的不知道该怎么办...... 我猜这是某种错误（因为在 2.2 上一切正常）。但是有解决方法吗？有人也遇到这种情况吗？提前致谢！

【问题讨论】：

【解决方案1】：

没有代码很难，但我遇到了完全相同的问题并解决了：

body {
margin: 0px;
}

也许还有填充。在 Chrome 等浏览器中检查您的页面，并检查正文或任何其他可能导致问题的元素的指标。

【讨论】：

【解决方案2】：

问题解决了，虽然没有多大意义……

我的“主 div”（覆盖所有页面）有这个 css 规则：

.main-div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

似乎在 android 2.1 中这种定位存在某种计算问题，使其比预期的要大。将定位从“绝对”更改为“固定”后，它变得适合屏幕，没有右边距。对于需要使用绝对定位的人来说，这可能是一个不好的解决方法，但对我来说没问题。

我希望有一天这对某人有所帮助；）

【讨论】：