H1元素的保证金

Question

所以我想要删除我的H1元素的边距。

我尝试过添加

h1 {
margin 0;
}

但似乎无法消除这一点。 我已经尝试了各种各样的方法来解决这个问题，但是当我把它们放进去时，最终搞乱了媒体查询。我现在已经删除它们以便尝试修复问题。

网站为blupace

问题出在Title BLUPACE和PHOTOGRAPHY之间。

谢谢大家......

Answer 1

margin这个差距的问题不在于line-height您使用vw font-size，因此您最好使用：

#photo h1 {
    font-family: 'CODE-Light';
    font-size: 7.1vw;
    line-height: 4vw;
} 

关于line-height： 行高CSS属性设置用于行的空间量，例如文本。在块级元素上，它指定元素中线框的最小高度。在未替换的内联元素上，它指定用于计算线框高度的高度。

这对你来说很好，如果还有别的，请问。

Answer 2

这不是对你的问题的回答，但是 我只是在看你的网站，我建议你添加

cursor: pointer;

到您的导航链接。

<a id="btn-fashion" class="btn-lb" onclick="FWDRL.show('rlobj_fashion', 
0);">FASHION</a>

只是让您的用户知道这是一个可点击的链接。

我建议的另一件事是将你的X图标（当你打开导航时出现）放在你放汉堡图标的同一个地方。

Answer 3

h1上没有margin。使用line-height缩短距离：

#blupace h1 {
    font-family: "Code-Bold";
    font-size: 12vw;
    line-height: 92px;
}

Answer 4

.right有padding-top: 30px;，所以

修复更改，如：

.right {
    padding-top: 0;
}