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

Question

我几乎完成了所有事情，但似乎我无法摆脱标题和状态栏之间的空白区域，如图所示

我使用的是使用Cordova插件的Intel XDK 3987版本。

任何有助于消除此错误的帮助都将受到高度赞赏！

这是我的源代码：

pastebin.com/fPWJmiD8

Answer 1

对我而言，您的标题元素（data-role="header"）的边框宽度似乎为1px，导致整个内容向下移动。

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

CSS：

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

希望这有帮助。

Answer 2

经过几天的抨击，审判，错误和侦探工作，我找到了真正的罪魁祸首。

问题是由于jQuery Mobile框架在运行时自动将以下类添加到具有data-role =“header”的标头div中：

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

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

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