奇怪的空間在瀏覽器

Question

當我在Chrome或Firefox頁面縮放似乎有格選擇之間奇怪的差距：

當縮放級別爲100％，一切都很好。

如何解決這一問題？

Answer 1

我解決了這個問題-1px的邊距。

Answer 2

這些都是來自四捨五入或邊緣平滑的文物，並且在所有瀏覽器中都有一定程度的出現。

例如，如果您有一個寬度爲5個像素的元素，並將其顯示爲1.5倍縮放級別，則其寬度應爲7.5像素。由於您無法在屏幕上繪製半個像素，因此要麼舍入爲偶數，要麼使用平滑繪製，即八個像素以50％不透明度繪製。

爲避免出現瑕疵，您必須將這些元素重疊，以便在元素無法準確顯示在應該出現的位置時有一些額外的餘地。

Answer 3

是的，-1px保證金屬性應該解決這個問題，但請注意，您不會通過帶有負值的CSS驗證器。

Answer 4

爲了避免這種情況，一定要使用

風格= 「寬度：100％」

你的DIV選擇