字体大小增加会导致ul菜单错位

Question

正如here所示，我使用无序列表和大量css构建了一个固定菜单。我还添加了一个带有自定义类的按钮，该按钮重定向回到首页，并使用font-size使其变得更大：130％。通过使用line-height：0;我能够强制所有按钮的高度相同。不幸的是，不知何故，一个额外的高度像素被添加到菜单中，大按钮贴在顶部，而其余按钮则粘在底部。除了严重触发强迫症之外，它在悬停时看起来很丑陋，所以我想解决它。我处于死路，无法自己解决，所以我想请任何人帮助我。

提前致谢！

li.menu-titel {
    font-size: 130%;
    font-weight: lighter;
    overflow:hidden;
    line-height: 0;
}

Answer 1

使用li（而不是display:inline-block）简单格式化所有inline，

或删除vertical-align:top;。