Javascript 如何使用Three.js按窗口宽度缩放内容？

因此，我使用了基本的窗口大小调整代码：

function onWindowResize() {

    windowHalfX = window.innerWidth / 2;
    windowHalfY = window.innerHeight / 2;

    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();

    renderer.setSize( window.innerWidth, window.innerHeight );

}

它可以很好地调整窗口的大小，但是它会根据窗口的高度而不是窗口的宽度来缩放内容。对于我正在构建的站点来说，保持内容的可见宽度比保持高度重要得多，但无法找到一种方法将代码反转为基于宽度而不是高度的比例

您可以在此处查看我正在处理的问题：

如果有任何方向正确的线索，我将不胜感激！非常感谢你

你可以试试

geometry.computeBoundingBox();

然后可以从geometry.boundingBox计算尺寸