我在这里有一个情况，我有一个我为样式定制的单选按钮，然后当我不小心缩小到 90% 时，我看到单选按钮和它的内圈样式看起来很奇怪。看看下面的例子（我创建了类似的情况）在 90% 的 chrome 上，内圈看起来在左下角（不完全在中间）
.radiobutton {
width: 20px;
height: 20px;
margin-right: 5px;
border: 2px solid #40a9c7;
border-radius: 12px;
background-color: white;
position: relative;
vertical-align: middle;
}
.checked{
position: absolute;
left: 0;
top: 0;
width: 12px;
height: 12px;
margin: 4px;
border-width: 0;
border-radius: 6px;
background-color: #40a9c7;
}<div class="radiobutton">
<div class="checked"></div>
</div>我不知道这里可能是什么原因，它是否失去了精度或什么？任何帮助或方向或解决方法将不胜感激