单选按钮样式缩放大小/位置不一致?

时间:2015-11-23 02:59:38

标签: css google-chrome zoom

我有一个情况,我有一个单选按钮,我为样式定制,然后偶然我缩小到90%我看到单选按钮和它内圈样式看起来很奇怪。看看下面的例子(我创造了类似的情况)在90%的铬上,内圈看起来有点在左下角(不完全在中间)



.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>
&#13;
&#13;
&#13;

我不知道这里可能是什么原因,它是否会失去精确度?任何帮助或方向或解决方法将不胜感激

0 个答案:

没有答案