Я пытаюсь использовать частицу.js, я никогда раньше не использовал холст HTML5, честно говоря, мне просто нужно быстрое исправление, поэтому я использую библиотеку под названием vue-частиц для простой интеграциии использование частиц.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>
Если вам нужен дополнительный код или информация для выяснения проблемы, пожалуйста, оставьте это в комментарии ниже,
спасибо заранее.