Phonegap 应用程序最初没有填充 100% 的视口高度答案

【问题标题】：Phonegap app not initially filling 100% of viewport heightPhonegap 应用程序最初没有填充 100% 的视口高度
【发布时间】：2017-03-29 01:20:54
【问题描述】：

在我的三星 Galaxy 智能手机上测试 phoengap 应用程序时遇到问题。在初始加载时，主体不会填充 100% 的视口高度（参见图片。）

无论手机处于纵向还是横向模式，都会发生这种情况。但是，一旦手机旋转，内容就会填满整个高度。并且问题不会出现在以后的每次加载中，只有当我清除了缓存时。

有人知道是什么原因造成的吗？

这里是标记：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
      <title>Untitled Document</title>
      <style>
        html, body {
          background:#CC9;
          height: 100vh;
          min-height: 100vh;
        }
      </style>
    </head>

    <body>
      hello
    </body>

  </html>

【问题讨论】：

标签： android jquery css cordova phonegap-build

【解决方案1】：

如果手机没有物理控件，导航栏会在哪里？

我在我的 Galaxy j5 上的菜单栏在恢复时遇到了类似的问题。我通过使用 cordova-plugin-statusbar 解决了这个问题，然后将代码添加到 onResume 以强制刷新：

    window.setTimeout(function () { StatusBar.hide(); console.log("hidden"); }, 1000);

我可以看到有一个 cordova-plugin-navigationbar（但没有进一步研究它） - 也许类似的方法可以解决您的问题？

【讨论】：

感谢您的回复。我没有想过要查看导航栏设置或应用全屏。在我的 config.xml 文件中，我将全屏首选项名称的值从“true”更改为“all”。这已经解决了问题。