状态栏和 header 之间的 Cordova Android 白色 space

Question

我几乎完成了所有操作，但似乎无法去除 header 和状态栏之间的白色 space，如图所示

我正在使用带有 Cordova 插件的 Intel XDK 版本 3987。

非常感谢任何消除此错误的帮助！

这是我的源代码：

pastebin.com/fPWJmiD8

Answer 1

在我看来，您的 header-elements (data-role="header") 的 border-width 为 1px，导致整个内容向下移动。

您是否已尝试删除每个 header 的边框？

CSS:

.ui-header{
  border: none !important;
}

希望对您有所帮助。

Answer 2

经过几天的敲打、反复试验和侦探工作，我找到了真正的罪魁祸首。

问题是因为 jQuery Mobile 框架在运行时自动将以下 类 添加到具有 data-role=[= 的 header div 19=]:

class="ui-header ui-bar-inherit"

那些 类 在状态栏和 header 之间创建了不需要的边距。

但是，通过在应用程序运行时执行期间使用 jQuery 删除那些 类 解决了这个问题。