app窗口的奇怪宽度导致不良边缘

时间:2011-11-08 18:55:20

标签: android css cordova

所以我正在使用phonegap为Android 2.1制作应用程序,右侧有一些额外的空白边距(大约5px),这使得页面可以水平滚动(我真的想避免这种情况)。 我疯了改变和测试CSS直到我试图用javascript检查宽度。 (设备宽320像素)

主div是320px,正文是320px,文件是320px ......但窗口是325px!

我把这一切都归咎于这个窗口奇怪的宽度,但我真的不知道该做什么...... 我想这是某种错误(因为2.2上的所有内容都运行良好)。但是有解决方法吗?有人经历过这个吗?提前谢谢!

2 个答案:

答案 0 :(得分:1)

没有代码就很难,但我遇到了完全相同的问题并用以下方法解决了这个问题:

body {
margin: 0px;
}

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

答案 1 :(得分:0)

问题解决了,虽然没有多大意义......

我的“主要div”(涵盖了所有页面)都有这个css规则:

.main-div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
似乎在Android 2.1中存在某种计算问题,这使得它比它的意图更大。 将定位从“绝对”更改为“固定”后,它变得适合屏幕,没有合适的边距。 对于需要使用绝对定位的人来说,这可能是一个糟糕的解决办法,但对我的情况来说这很好。

我希望有一天能帮到某人;)