移动版particles.js + bootstrap 4.6空格

Question

我像这样使用particles.js：

    <div id="particles-js"></div>
@RenderSection("Header", required: false)
<main role="main" class="container">
    @RenderBody()
</main>
<script>
    particlesJS.load('particles-js', '/Scripts/Custom/particles.json', function () {
        console.log('callback - particles.js config loaded');
    });
</script>

只有在移动版本中我才有这个问题：

​

请告诉我如何解决这个问题，在空白中没有任何标签或其他东西。

Answer 1

这是我问题的answer。

#particles-js{
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #000;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.body-particles{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}