Javascript Three.js将比率和位置保持在调整大小画布上

我有一个div，其中包含一个three.js画布。当画布的大小改变时，我想保持内容画布的比例和位置

我尝试过：

window.addEventListener( 'resize', onWindowResize, false );

function onWindowResize(){

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

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

}

---

但这项工作只在窗口调整大小，而不是在画布调整大小。我也用画布宽度和高度修改了这段代码，但不起作用。

我找到了一个解决方案：在画布上添加一个样式“宽度：100%”。工作完美！我也有同样的问题，但是将容器

宽度设置为100%

并不能解决问题。