css - Firefox 显示的相对位置与 Chrome 不同

Question

我有一个网站，我在其中将一些事件定位在具有相对位置的日历中。但问题是在 Chrome 中它的布局像素完美，但在 Firefox 和 IE 中它根本不起作用。

事件的位置向下错误约 10 像素。我的也使用相对定位的工具提示卡在其“原始”位置。

您可以在 Chrome 和 Firefox 中看到不同的黑框位置。当您单击工具提示时，它会在 Chrome 中显示日期，但在 Firefox 中显示在左下角。

我无法理解为什么！？

请！帮我！

score 3 · Accepted Answer

这样做的一种方法是使用 css hack，以便您可以根据浏览器对其进行样式设置。

这是一个演示：

@media screen and (min--moz-device-pixel-ratio:0) {
    .firefox {
        background: red;
    }
}

小提琴示例：

以下是我的参考资料：

score 1 · Accepted Answer

我知道这是一篇旧文章，由于您缺乏细节，我无法确定，但通常原因是当宽度、填充、边距等未明确设置时，不同的浏览器会以不同的方式呈现其框模型。为您希望定位的元素设置宽度通常可以解决这个问题。

2 回答 2