Cordova Android 状态栏和标题之间的空白

Question

我几乎已经完成了所有操作，但似乎我无法摆脱标题和状态栏之间的空白，如图所示

我正在使用 Intel XDK 版本 3987，并使用 Cordova 插件。

任何消除此错误的帮助将不胜感激！

这是我的源代码：

pastebin.com/fPWJmiD8

Answer 1

对我来说，你的标题元素 (

data-role="header"

) 的边框宽度为 1px，导致整个内容向下移动。

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

CSS：

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

希望这有帮助。

Answer 2

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

导致该问题的原因是 jQuery Mobile 框架在运行时自动将以下类添加到具有 data-role="header" 的 header div：

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

这些类在状态栏和标题之间创建了不需要的边距。

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