我有一个“启动”按钮，可以创建一个包含有状态Web应用程序的新窗口。我想理想地调整窗口尺寸以完全适合最外层容器的尺寸（即：默认情况下不显示背景）。
宽度通过Bootstrap Responsive和@media修复。根据容器中的内部元素，根据需要自动调整高度。理想情况下，我希望窗口大小都是动态的。
现在，我遇到的问题：
我还没想出 height（）， innerHeight（）和/或 outerHeight（）的组合那工作。详细说明，它们确实给了我容器的高度，但是尝试使用 window.resizeTo（）似乎占据了窗口的标题栏，URL栏等...基本上，设置高度容器的确切大小不够高（产生滚动条）。
我在创建窗口时遇到了同样的问题。我尝试通过将其传递到 window.open（）来动态创建适当宽度和高度的窗口，但这也不考虑非页面区域。
< / LI>我在想解决方案是找出窗口的可显示区域（考虑非页面区域后的可用高度） - 但是，我还没有找到一种优雅的方法。手动确定它和硬编码可能会在每个浏览器的基础上发生变化，甚至在他们使用不同数量的书签栏等情况下也可以使用...
除了 window.resizeTo（）之外，我还考虑过尝试其他方法，但目前还没有找到合适的方法。
有什么想法吗？
我意识到设置一个固定的高度是最简单的解决方案，但根据选择的状态，此时高度是可变的。