我正在尝试做一个自定义圆形下划线像这样：

.underline:after{
   content: '';
   background: red;
   border-radius: 9999px;
   height: 3px;
   left: 0px;
   right: 0px;
   bottom: -3px;
}

x一个一个一个一个x一个一个二个x
我面临的问题是下划线的高度不统一，我不关心下划线的精确大小（如果是2px或3px），只要它们都有相同的高度，而它们在表中都有3px的高度，当检查时，一些下划线似乎比其他下划线短，测量实际上批准了它。
chrome上渲染的图像（Firefox中也会出现这种情况，其他浏览器不会显示文本）：

检查员值：
第一节第一节第一节第二节第一节
屏幕标尺测量结果（缩放后）：

奇怪的是，它似乎取决于font-size或a的高度，如果我使屏幕大小1280px+下划线具有相同的高度，当我使它变小时，它会变得"随机"，有些具有相同的高度，有些不是，当我降低屏幕宽度时，它会再次改变（字体大小取决于屏幕大小，clamp(1.4rem, -0.5rem + 3.2vw, 2rem)）。

• （很难重现相同的条件来发现问题）*

这是一个bug吗？当渲染小元素时，是否有CSS规则来指定精度？，是否有解决方法？