页面底部的白线我无法删除它

Question

This Page

代码：

html,
body {
  height: 100%;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
}

body {
  margin: 0;
  padding: 0;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../img/background.jpg") no-repeat 50% 50%;
  background-size: cover;
}

<div class="container-fluid background">
  <div class="row justify-content-center">
    <div id="particles-js">
    </div>
  </div>
</div>

现在我需要删除此白线和滚动我需要页面全宽和高度背景图像我尝试溢出：隐藏 但在移动响应中有登录框的问题。

Answer 1

我遇到了这个问题，发现this answer中的解释非常有帮助。

您可能想尝试使用以下代码将图像居中：

html {
  height: 100%
}

body {
  background-image: url("../img/background.jpg");
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

这应该从页面底部删除该白线。