0

这是我相信以前曾被问过的一个问题，但我还没有找到任何解决方案。

在 Firefox 和 Chrome（或 Safari 而不是 Chrome）中打开我的jsfiddle 。如果您仔细查看字母“y”，您会发现在 Firefox 中，与其他两个相比，字母和 section1-div 的下边框之间有一个或两个额外的像素。

我已在大多数元素上将填充和边距顶部/底部设置为 0px，以便将样式重置到一定程度。

为什么会这样，我应该采取什么措施来防止这种情况发生？

更新：使用 Chrome 17.0.963.56、FF 11 和 Mac。

4

1 回答 1

1

我不太确定为什么会出现这个问题。它不起作用。在我自己的代码中，我可以将其与填充相关联。Chrome/Safari 和 Firefox 处理填充的方式不同。通过向标准 css 添加 som 填充并对 Firefox 进行例外处理，我确实得到了预期的结果。这对 jsfiddle 示例没有帮助（实际上可能是示例中没有任何问题，可能是字体显示有点不同，看起来字母和边框之间的像素数不同...）。

#adminmenu a{
    padding-bottom: 2px;
}

@-moz-document url-prefix() {

    #adminmenu a{ padding-bottom: 0px; }

}
于 2012-04-26T13:08:04.633 回答