为什么许多小正方形div呈现不同的外观？

Question

为什么许多小正方形div呈现不同的颜色？有些矩形块似乎没有边距，但边框更宽。

它们是5.7px * 5.7px的完美正方形。缩放此效果时，如所附的屏幕截图所示，将消失。

也许这种行为是由于屏幕分辨率的原因，如果是这种情况，该如何解决？尚未找到任何类似的问题，可能是因为这不是常见的情况，因为应该使用canvas渲染此类对象，但是我必须使用div，因为我从未使用过canvas，并且没有太多时间潜入在截止日期之前。谢谢！

Answer 1

这是由于浏览器的抗锯齿优化以及div的宽度和高度的非整数值所致。尝试使用5px或6px之类的尺寸-应该可以解决该问题。