iOS视网膜safari bug渲染边界半径？

Question

使用以下css，我会在iOS webview浏览器中呈现轻微的锯齿状或非平滑圆圈。有人知道修复吗？它显示在任何边框宽度，并且可以通过iPhone上的高密度视网膜显示器检测到低至1px的事件。

a.circle {
    display: block;
    position:absolute;
    z-index:10000;
    border: 6px solid #000;
    box-shadow:inset 0px 0px 0px 1px #ccc;
    width:54px;
    height:54px;
    top:352px;
    left:123px;
    border-radius: 99px;
    background-color: #fff;
}

a.circle:active {
    box-shadow:inset 0px 0px 0px 1px #fff;
}

注意边框和内部1px阴影上略微坚硬且有角度的线条：

Answer 1

http://www.css-101.org/articles/-webkit-transform-rotate-and-anti-aliasing/rotate-creates-jagged-border-image.php

这是一个稍微不同的问题，但它与iOS直接相关。