Firefox在<a>元素上存在奇怪的错误

Question

我已经包括一个链接到视频描述此在深度但基本上Firefox是添加左/右空白的元件使得所感知的填充比Chrome和IE不同.如果我修改在Firebug的价值,改变当时的空白走了,正如我希望摆在首位的工作.这是非常令人沮丧的,任何想法？

请观看视频以获取准确的说明.

谢谢

更新1:这是一个可以检查代码的测试服务器,它可能与视频略有不同但问题仍然相同.test.audrey-oxenhorn.gotpantheon.com

更新2:它似乎是:FF有问题的第一个字母伪元素.我认为这是一个实际的浏览器错误,但我不知道如何解决这个问题.

Answer 1

好吧，我明白了！

经过尝试在 JSfiddle 上重新创建此错误后，我发现 :first-letter 伪元素导致了问题。然后我做了一些搜索，发现这是Firefox 中的一个已知浏览器错误，自 2007 年以来一直开放。这里有一个类似的问题。由于我能够通过 Firebug 触发回流/重绘来纠正该问题，因此我怀疑该问题与前面提到的问题相同，并且我使用以下代码来触发该块元素上的回流：

@-moz-keyframes bugfix { from { padding-right: 1px ; } to { padding-right: 0; } }

.sf-menu a {
  -moz-animation: bugfix 0.001s;
}

问题解决了，我将 bugzilla 报告链接到这个问题。