三个响应宽度，而不是高度

Question

我注意到在threejs中，对象相对于其容器的大小调整的每个示例似乎只基于它响应的画布/窗口的高度。这适用于画布是页面上唯一的东西的世界。但是，在一个新项目中，我们使用覆盖div作为设计的一部分，随着窗口变薄，我们希望能够缩小场景中的主要对象。我已链接到并获取了一个基本示例的2个屏幕截图。我想知道是否有人提出了一个很好的解决方案来处理宽度响应。

https://threejs.org/examples/#webgl_geometry_cube