Question

我正在尝试清理模板，但我遇到的问题是添加了一个额外的像素，打破了悬停效果和页眉/页脚溢出。

正如您在悬停在任何链接上时所看到的那样，它向下移动了一个像素。所有样式表都是明智的，以使其具有响应性。如果我将字体大小保持在1em，一切正常，但只需将其改为.75em，就像我在那里一样，它打破了一点。

更新：不确定它是否被认为是“hacky”但是我将span放在每个链接容器中，这样我就可以改变字体大小而不改变链接容器的行高。这似乎工作正常

Answer 1

尝试添加或删除行高行高。

例如：

<div style="line-height:30px;">Div content</div>

Answer 2

<script type="text/javascript">
    $(document).ready(function () {
        $('#header').css('width', $("#header").width());
    });
</script>
<li id="header"><a href="#">Header</a><li>

始终保持相同的宽度

带字体更改的额外空间

2 个答案: