Canvas超出网格布局

Question

我正在尝试创建一个包含 3 个内容列的网格布局和一个包含 particles.js canvas.

的 .overlay div

这是我正在努力解决的代码笔：https://codepen.io/radzak/pen/MVQVPQ

我希望网格始终占屏幕的 100%，所以我设置了这个

.container {
  height: 100vh;
  width: 100vw;
}

问题是，在我扩展 window 尺寸然后再次减小尺寸后，canvas 继续占用它过去的 space（而不是 100vw x 100vh）。我还注意到 canvas width 和 height 与它占用的实际大小不符。

我不知道发生了什么，如能提供有关如何设置此布局的任何帮助，我们将不胜感激。

Answer 1

尝试在 canvas 上设置 position: absolute 以将其从文档流中删除。