对象不适合移动屏幕：three.js

Question

我的场景完全适用于桌面屏幕，根据我预期的对象大小和补间。然而，当我在我的移动浏览器（chrome-uptodate）上查看时，场景似乎不均匀。

• 我使用了调整大小功能
• 问题是当移动设备处于纵向位置时
• 让我的场景适合移动屏幕的任何其他方式？

这是我使用的脚本 https://jsfiddle.net/r49xdzs9/

window.addEventListener( 'resize', onWindowResize, false );
        function onWindowResize() {
                camera.aspect = window.innerWidth / window.innerHeight;
                camera.updateProjectionMatrix();
                webGLRenderer.setSize( window.innerWidth, window.innerHeight );
            }