【发布时间】：2015-03-29 22:54:55
【问题描述】：
我在全屏模式下创建新窗口时遇到问题，但该窗口中的内容最终并未占据全屏。 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>
【问题讨论】：
标签： javascript html google-chrome-app