Phonegap App上的烦人且不需要的微小线/差距 - Android

Question

我正在开发一个带有PhoneGap，HTML，CSS和一些jQuery插件的Android应用程序。在桌面浏览器中，它很好，正常，并且运行良好。当我使用Android SDT将其编译为APK并将其安装在智能手机或平板电脑上时，会出现这个不需要的细线/边框/间隙。

我花了很多天但仍然出现了：

这是我的CSS

body, html {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  border: none !important;
  position: fixed; /* << i switch into relative, and still not work. */
}

.nav {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;    
  position: fixed;
  z-index: 1000;
  height: 50px;
  border-top: none !important;
}

我该怎么办？

Answer 1

将此行添加到config.xml：

<preference name="backgroundColor" value="0x00000000" />

似乎可能没有调整webview以完全适合屏幕，如果是这种情况，这应该将该线改为黑色。