Question

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

事件得到的位置大约10px错误向下。而且我的工具提示也使用了相对定位而陷入其“原始”位置。

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

我无法理解为什么！？

请！帮助我！

Answer 1

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

这是一个演示：

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

小提琴示例：

以下是我的参考资料：

Answer 2

我知道这是一个老帖子，因为你缺乏细节我无法确定，但通常原因是不同的浏览器会在宽度，填充，边距等时呈现不同的盒子模型没有明确设置。设置要放置的元素的宽度通常可以解决这个问题。