奇怪的空间在浏览器

Question

当我在Chrome或Firefox页面缩放似乎有格选择之间奇怪的差距：

当缩放级别为100％，一切都很好。

如何解决这一问题？

Answer 1

我解决了这个问题-1px的边距。

Answer 2

这些都是来自四舍五入或边缘平滑的文物，并且在所有浏览器中都有一定程度的出现。

例如，如果您有一个宽度为5个像素的元素，并将其显示为1.5倍缩放级别，则其宽度应为7.5像素。由于您无法在屏幕上绘制半个像素，因此要么舍入为偶数，要么使用平滑绘制，即八个像素以50％不透明度绘制。

为避免出现瑕疵，您必须将这些元素重叠，以便在元素无法准确显示在应该出现的位置时有一些额外的余地。

Answer 3

是的，-1px保证金属性应该解决这个问题，但请注意，您不会通过带有负值的CSS验证器。

Answer 4

为了避免这种情况，一定要使用

风格= “宽度：100％”

你的DIV选择