javascript - jQuery Mobile .ui-page min-height 很大

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 文件中更改 min-height: 736px 它可以工作，但刷新后它又回到 min-height: 736px

这是我添加后发生的事情: .ui-page-active {最小高度:100vh; -webkit-背景大小:覆盖； -moz-背景大小:封面； -o-背景尺寸:覆盖；背景大小: 封面；

图像:

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/