Particles.js，如何使画布上容纳动画粒子的高度跨越小屏幕上的父元素

Question

我正在尝试使用particles.js，老实说，我从未使用过HTML5画布，现在我只需要快速修复即可，所以我正在使用名为vue-particles的库来轻松集成和使用粒子.js在Vue.js应用程序中正常运行，当我减小屏幕宽度时会出现问题，因此在1364px wide及以上的笔记本电脑屏幕上，没有问题取决于平板电脑和移动屏幕的尺寸，画布仅覆盖其父组件的高度的50％，我尝试手动定位画布元素并将其高度调整为100％，但是它根本不起作用，或者覆盖整个页面，而不是仅覆盖其父元素。因此，如果有人帮助我，我将不胜感激。

这就是我在.vue组件中使用它的方式

<template>
 <div class="parent">
  <div id="particles">
   <vue-particles color="dedede" :particlesNumber="40"></vue-particles>
  </div>
 </div>
</template>

如果您需要进一步的代码或信息来澄清问题，请在下面的评论中保留它，

先谢谢。