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

Question

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

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 直接相关。