Javascript 使用边距后标题显示不正确

所以我想在标题中使用particle.js，并在标题上写一些东西，但标题只是在particles js背景下。。我会附上一张照片，然后你就能明白我的意思了。。 不管利润率顶部是0vh还是50vh，它仍然会下降

这是html部分

#粒子js{
背景图像：-webkit线性梯度（135度，#3bade3 0%，#576fe6 25%，#9844b7 51%，#ff357f 100%）；
背景图像：线性梯度（-45度，#3bade3 0%，356Fe625%，#9844b7 51%，357F100%）；
}
}
#标题1{
保证金：0；
背景尺寸：封面；
填充：40px 0px；
}
.标题内容{
边际上限：0vh；
}
.标题，
.标题副标题{
字体系列：“Roboto”，无衬线；
文本转换：大写；
颜色：#333；
}
.标题标题{
字体大小：112px；
字号：100；
边缘底部：0px；
线高：1；
}
.标题副标题{
字体大小：16px；
左边距：10px；
}

最佳方案
ggjfk

这不仅仅是一个边距问题，因为边距是根据节点的位置分配的，除非设置为

绝对值

或类似值，否则不会是相对于整个身体的位置。将以下样式添加到标题中：

.header-title {
    font-size: 112px;
    font-weight: 100;
    margin-bottom: 0px;
    line-height: 1;
    position: absolute;
    top: 25px; /* play with the value until it looks right */
}

---

这不仅仅是一个边距问题，因为边距是根据节点的位置分配的，除非设置为

绝对

或类似，否则不会是相对于整个身体的位置。将以下样式添加到标题中：

.header-title {
    font-size: 112px;
    font-weight: 100;
    margin-bottom: 0px;
    line-height: 1;
    position: absolute;
    top: 25px; /* play with the value until it looks right */
}

---

它只移动了最佳计划文本部分，然后将类重命名为

标题内容

。顺便说一句，还有一个问题。。粒子js标题在mible中变得非常小。我应该使用媒体查询增加粒子的高度，还是在移动视图中增加一点？您最好的选择是媒体查询。它只移动了最佳计划文本部分，然后将类重命名为

标题内容

。谢谢，它确实起到了作用。顺便说一句，还有一个问题。。粒子js头在mible中变得非常小。我应该使用媒体查询增加粒子的高度，还是在mobile View中增加一点？最好的选择是媒体查询。