html - Canvas 超出网格布局

Question

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

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

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

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

问题是，在我扩展窗口大小然后再次将其缩小后， Canvas 继续占据它过去的空间(而不是 100vw x 100vh)。我还注意到 Canvas width 和 height 与其实际占用的大小不符。

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

Answer 1

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