我还是编码新手，我想知道我是否做错了什么。有没有办法把文本底部多余的地方都去掉？这是HTML。
@import url('https://fonts.googleapis.com/css?family=Montserrat');
body {
background-color: WHITE;
width:100%;
height:100vw;
padding:0;
margin:0;
}
.title {
font-family: "Montserrat";
text-align: center;
color: #FFF;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding:0;
margin:0;
letter-spacing: 1.7px;
}
h1 {
background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);
background-size: cover;
color: transparent;
-moz-background-clip: text;
-webkit-background-clip: text;
text-transform: uppercase;
font-size: 120px;
line-height: 1.01;
margin: 40px 0;
padding:0;
}
@media only screen and (max-width: 760px) {
h1 {
font-size: calc(3.35rem + 1vw);
}
}
@media only screen and (max-width: 457px) {
h1 {
font-size: calc(2.5rem + 1vw);
}
}<div class="title">
<h1>Welome<br/>TO<br/>Website<br/>name</h1>如果你能帮忙，请告诉我。感谢
您的h1元素的margin值为40px 0，这意味着它的上下边距为40像素，左右边距为0像素。以下是有关书写短手保证金属性的更多信息。去除底部边距的合适的margin值应该是40px 0 0。
您还忘记关闭div标签：
<div class="title">
<h1>Welome<br/>TO<br/>Website<br/>name</h1>
</div>
正如Alex Rummel所指出的，height应该与视口相对应。纠正这一点，比如将其更改为100%或100vh，应该可以消除多余的空间和滚动条。
关于手机视图，一种方法是使用父容器中的flexbox。因此，如果在div标记中插入规则display: flex，则可以开始操纵h1标记的位置。
为了能够水平和垂直居中，您应该明确地声明高度(height: 100vh(，并在父容器中包含以下三条规则：
text-align: center，为了对齐h1标签内的文本，
justify-content: center，以便将h1元素水平对齐，并且
align-items: center，以便垂直对齐h1元素。
我希望这能有所帮助。
@import url('https://fonts.googleapis.com/css?family=Montserrat');
body {
background-color: WHITE;
width:100%;
padding:0;
margin:0;
}
.title {
display: flex;
height: 100vh;
font-family: "Montserrat";
text-align: center;
justify-content: center;
align-items: center;
color: #FFF;
padding:0;
margin:0;
letter-spacing: 1.7px;
}
h1 {
background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);
color: transparent;
background-size: cover;
-moz-background-clip: text;
-webkit-background-clip: text;
text-transform: uppercase;
font-size: 120px;
line-height: 1.01;
padding:0;
}
@media only screen and (max-width: 760px) {
h1 {
font-size: calc(3.35rem + 1vw);
}
}
@media only screen and (max-width: 457px) {
h1 {
font-size: calc(2.5rem + 1vw);
}
}<head>
<link rel="stylesheet" href="./welcome.css"></style>
</head>
<body>
<div class="title">
<span><h1>Welome<br/>TO<br/>Website<br/>name</h1></span>
</div>
</body>