绝对定位无法在Chrome中正确显示

Question

与Firefox相比，Chrome中是否只能有一个不同的CSS属性？

某个元素具有绝对定位并且在Firefox中正确显示，但在Chrome中它显示低2个像素。

Answer 1

要定位Firefox，请使用此功能：

<style type="text/css">
@-moz-document url-prefix() {
    h1 {
        color: red;
    }
}
</style>

<h1>This should be red in FF</h1>

我从另一个堆栈溢出问题中得到了这个答案： Targeting only Firefox with CSS

您可以通过在两个浏览器中打开以下jsFiddle来测试：jsFiddle