Question

我在三星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>

Answer 1

如果手机没有物理控件，导航栏会有差距吗？

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

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

我可以看到有一个 cordova-plugin-navigationbar （但是还没有进一步了解它） - 或许类似的方法可以解决你的问题？

Phonegap应用最初不会填充100％的视口高度

1 个答案: