Css 在不同浏览器缩放级别缩放时，边界半径圆将失去形状

我有一个4px的小圆圈，我想用anime.js缩放它的大小。它在100%缩放（默认）时效果很好，但我也希望它在50-100%的默认缩放时表现相同

小提琴示例：

如小提琴示例所示，如果在窗口上使用

'CMD'+'-'

或等效工具进行缩小，则会注意到在50-100%的其他缩放级别下，圆会变成圆形四边形，这是不可取的

它似乎与缩放百分比的宽度/高度的可分性有着松散的关系，因为在某些百分比下，它似乎是好的

理想情况下，我只需要使用SVG来避免这种情况，但据我所知，缩放SVG还需要进行变换，以使形状保持在我希望避免的位置

---

有什么想法吗？

我尝试过的技巧中没有一个能在缩小超级怪异时保持圆形。然而，若我用SVG替换了提琴中的div（并从CSS中删除了边框半径和bg颜色），事情看起来确实正常：

#圆圈{
位置：绝对位置；
最高：50%；
左：50%；
宽度：4px；
高度：4px；
}

---

同样奇怪的是，使用此库缩放SVG不再缩放形状的x和y坐标，从而使圆保持在同一位置，这使得这个问题变得多余。。我一定是在尝试以不同的方式扩展它，因为我没有在本地更新库。谢谢你的帮助！