Phonegap应用程序最初不能填充视口高度的100％

在我的Samsung Galaxy智能手机上测试phoengap应用程序时遇到问题。在初始加载时，身体不会填充视口高度的100％（请参阅图像）。Phonegap应用程序最初不能填充视口高度的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>

来源

2017-03-29 user1267980

就是，如果手机没有物理控制导航栏将是差距？

我遇到了类似的问题，我的银河j5上的菜单栏恢复。我解决它通过使用科尔多瓦 - 插件，状态栏然后添加代码的onResume强制刷新：

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

我可以看到，有一个科尔多瓦 - 插件 - 导航栏（但没看过更进一步） - 也许类似的方法可以解决你的问题？

来源

2017-03-29 11:31:32 MStoner

你应该尝试从清单应用全屏应用程序。 –

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

Phonegap应用程序最初不能填充视口高度的100％

回答

相关问题