画布超出了网格布局

Question

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

以下是我所挣扎的代码：https://codepen.io/radzak/pen/MVQVPQ

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

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

问题在于，在我扩展窗口大小然后再将其减小后，画布会占用它所用的空间（而不是100vw x 100vh）。我还注意到画布width和height与它所占用的实际尺寸并不对应。

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

Answer 1

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