我制作了一个particle.js 背景,然后我制作了一个容器。在这个容器中,我有两个包含一些数据的表,当我减小屏幕尺寸时,容器本身超出了particle.js 背景。我也附上了我的问题的图片,请看一看。
这是我的一个大学项目,我试图从过去两天解决它,但没有得到任何具体的解决方案。
<div id="particles-js">
<div class="container">
<div class="row">
<div class="col-md-6">
<table class="table">
<thead>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Mary</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>July</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
</div>
Run Code Online (Sandbox Code Playgroud)
canvas {
display: block;
vertical-align: bottom;
}
#particles-js {
position: absolute;
width: 100%;
height: 100% !important;
background: #00356B;
}
.container {
margin-top: 20px;
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
color: #fff;
max-width: 90%;
padding: …Run Code Online (Sandbox Code Playgroud)