获取浏览器视口当前宽高var viewportWidth = windowinnerWidth;var viewportHeight = windowinnerHeight;将这段代码赋值给canvas容器的宽高时出现了滚动条应该如何解决给我详细的js代码

可以尝试将canvas容器的宽高设置为视口的宽高，并将body和html的宽高都设置为100%。这样可以确保canvas容器的宽高与视口相同，且不会出现滚动条。

具体的代码如下：

var viewportWidth = window.innerWidth; var viewportHeight = window.innerHeight;

var canvasContainer = document.getElementById('canvas-container'); canvasContainer.style.width = viewportWidth + 'px'; canvasContainer.style.height = viewportHeight + 'px';

document.body.style.width = '100%'; document.body.style.height = '100%';

document.documentElement.style.width = '100%'; document.documentElement.style.height = '100%'