iOS retina safari 버그 렌더링 테두리 반경?

다음 CSS를 사용하면 iOS 웹보기 브라우저에서 약간 들쭉날쭉하거나 비 부드러운 원이 렌더링됩니다. 누구든지 수정 사항을 알고 있습니까? iPhone의 고밀도 망막 디스플레이를 사용하면 모든 경계 너비에 표시되며 이벤트를 1px 정도로 낮게 감지 할 수 있습니다.iOS retina safari 버그 렌더링 테두리 반경?

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; 
}

주의 경계 및 내부 1 픽셀의 그림자 모두에서 약간 단단하고 약간 각진 라인 : enter image description here