javascript - 尽管画布完全适合屏幕，但为什么会有滚动条

Question

我有一个页面，其中只有一个可见元素：画布。我将画布的宽度和高度设置为窗口的宽度和高度（window.innerWidth和window.innerHeight），但是水平和垂直滚动条仍然出现并且允许我滚动非常小的量。我的所有元素都没有任何边框、填充或边距（包括body，我专门设置为没有）。有没有更好的方法让画布占据整个屏幕，或者我应该简单地从宽度和高度中减去一个固定的量，那会是什么？

标签： javascripthtmlhtml5-canvaspositionscrollbar

Answer 1

添加带有溢出的样式hidden。

<style>
body {
  overflow: hidden;
}
</style>