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