Javascript Chrome应用程序全屏创建新窗口-html元素不是全高_Javascript_Html_Google Chrome App

Javascript Chrome应用程序全屏创建新窗口-html元素不是全高

javascript html

Javascript Chrome应用程序全屏创建新窗口-html元素不是全高,javascript,html,google-chrome-app,Javascript,Html,Google Chrome App,我有一个问题，我正在全屏模式下创建一个新窗口，但该窗口中的内容最终不会占据全屏。html元素的高度接近83px。我希望它占据整个窗口的大小，因为我有一个特定的背景色等设置。我正在应用程序的其他地方以类似的方式创建窗口，它工作正常，但在这个特定的实例中却没有。我不确定我错过了什么这是用于创建窗口的代码： chrome.app.window.create('connectionError.html', { id: 'connectionError', state: 'fullscreen'}, f

我有一个问题，我正在全屏模式下创建一个新窗口，但该窗口中的内容最终不会占据全屏。html元素的高度接近83px。我希望它占据整个窗口的大小，因为我有一个特定的背景色等设置。我正在应用程序的其他地方以类似的方式创建窗口，它工作正常，但在这个特定的实例中却没有。我不确定我错过了什么

这是用于创建窗口的代码：

chrome.app.window.create('connectionError.html', { id: 'connectionError', state: 'fullscreen'}, function() {
    chrome.app.window.get('connectionError').fullscreen();
});

这是结果页面的html：

<!DOCTYPE html>
<html>
  <head>
      <meta charset='utf-8'>
      <title>Connection Error</title>
      <link rel="stylesheet" type="text/css" href="css/application.css">
      <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
      <script src="js/jquery-2.1.0.min.js"></script>
      <script src="js/bootstrap.min.js" type="text/javascript"></script>
      <script src="js/connectionError.js"></script>
  </head>


  <body>
    <div id="connectionErrorContainer" class="container">
        <div id="connectionError" class="col-md-12">
          <div class="alert alert-danger" role="alert" style="display:table-cell; vertical-align:middle; float:none;">Unable to connect. Please check your internet connection.</div>
        </div>
        <button id="restart" class="btn btn-primary">Restart</button>
    </div>
  </body>
</html>


连接错误
无法连接。请检查您的互联网连接。
重新启动

您没有发布CSS，所以我不确定，但我敢打赌这就是您缺少的：

html，body，#您的元素{height:100%；}

或者，如果你只针对chrome，你可以简单地将

height:100vh

添加到元素中。

该页面唯一的css是主体的背景色。我猜我只是假设html元素将占据窗口高度的100%。我错了，哈哈。将高度100%添加到html、主体和容器中确实有效。“如果你只针对chrome”是的，这就是chrome应用程序通常的用途。。。