threejs：如何设置渲染器大小以适应屏幕？

Question

使用下面的代码我遇到了一些问题：

        //WebGL renderer
        renderer = new THREE.WebGLRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight); //TODO: set optimal size   
        document.body.appendChild(renderer.domElement);

左上角 - 一些薄薄的白色边框：

右下角 - 滚动元素（看起来像window.innerWidth, window.innerHeight大于初始视图）：

如何获得w，h renderer.setSize适合窗口内的所有可见区域？或者也许这个问题应该以其他方式解决？

Answer 1

顶部和左侧的空白是因为我认为身体默认有一个边距 滚动条是因为我不知道的原因，canvas元素的行为就好像它是一个内联元素。

这个css应该修复它：

body {
  margin: 0px;
  overflow: hidden;
}
canvas {
  display: block;
}