iOS retina safari bug渲染邊框半徑？

Question

使用以下css，我會在iOS webview瀏覽器中呈現一個輕微的鋸齒狀或非平滑的圓。任何人都知道修復？它顯示在任何邊界寬度，並且可以檢測到低至1px的高密度視網膜顯示在iPhone上。

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。