border-radius样式在具有不同OS的机器上产生具有不同边界的圆抗锯齿

Question

我正在使用Selenium ChromeDriver和ImageMagick Compare工具测试UI。我在计算机池（Windows Server R2012）上捕获了屏幕截图，并与批准的图像（批准的图像在Windows 10上渲染）进行了比较。我有几个用border-radius绘制的圆圈。批准的圆圈边界与实际的圆圈边界不同。注意平面边界上的像素值。

有关平滑和抗锯齿的所有搜索都为我提供了仅禁用OS字体平滑的结果，这似乎与我的情况不符（顺便说一句，在测试运行之前，我仍然禁用ClearType和字体平滑）。

为什么边界不同？为了呈现相同的视图可以做什么？

我正在使用Chrome 69.0.3497.92。我在上面也提到了OS，因为这是我在运行时环境之间看到的唯一明显区别。

图像由span产生，具有以下样式。

min-width: 20px;
height: 20px;
border-radius: 17px;
box-sizing: border-box;
background-color: #ce0014;