jQuery Mobile .ui页最小高度很大

Question

我使用phonegap构建html \\ css应用程序陪审团手机给了我div：

<div data-role="page" data-url="/Users/tzahianidgar/Desktop/My Project/NaughtyLittleTurtles/Code/NLT/www/MainScreenIndex.html" tabindex="0" class="ui-page ui-page-theme-a ui-page-active" style="min-height: 736px;">

并且最小高度在模拟器中太大，我在底部看到黑线，如下所示：

如果我在css文件中更改最小高度：736px，则可以正常工作，但是刷新后，它又回到最小高度：736px

这是我添加后发生的情况： .ui-page-active {min-height:100vh; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: .ui-page-active {min-height:100vh; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: .ui-page-active {min-height:100vh; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:封面；}

图片：

Answer 1

试试background-size:cover ：

.ui-page-active {
min-height:100vh;
-webkit-background-size: cover;
-moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

https://css-tricks.com/perfect-full-page-background-image/

Answer 2

修复很简单，我只是将身体的边界留在零

 margin: 0;