Question

我正在尝试在电路板上创建一个非常精确的矩阵。我知道它高48厘米，因此我正在使用公制系统。根据我的代码，它们应该完美对齐，但我遇到了一些奇怪的问题，这些问题可能与抗锯齿有关。老实说，我不知道。

看一下这个截图：

我使用两种方法：

background: black;

//one of these according to horizontal/vertical
width: 4px;
height: 4px;

和

outline: 4px solid black;

正如您在此图片中看到的那样，情况并非如此。看起来有些盒子有一个阴影，HEX颜色#576c73，与颜色#000000没有关系（除非浏览器以某种方式选择一个阴影，这比阴影更亮或更暗）原始的颜色）。

我尝试将单位更改为像素（偶数和奇数）以及删除transform: scale()，但它们都没有改变任何内容。

这是什么样的巫术，我怎样才能防止它们弄乱我的对齐？

编辑：正如您所看到的，即使所有浏览器报告它们的大小相同，小盒子的大小也不同。底部是方形，而顶部和中间稍短：

编辑2：这似乎是一个浏览器问题。例如，Edge不会渲染实际阴影。它不像其他人那么高或宽。