大型CSS圈子在iphone / ipad上锯齿状

Question

我的网站有多个大圆圈（+/- 5000px）。设计看起来不错，特别是在某些iphone / ipads（iphone 6S plus / iphone 6S / Ipad第三代）上。它似乎是新一代苹果设备。但是对于imacs而言并不明显。

对iphone / ipad新一代的丑陋锯齿效果：

这是我的代码段。

＆＃13;

＆＃13;

.circle {
    width: 4000px;
    height: 4000px;
    border-radius: 50%;
    background: #314d5c;
    position:absolute;
    left: -90%;
    top: -10%;
}

＆＃13;

<div class="circle"></div>

＆＃13;

＆＃13;

＆＃13;

圆圈的宽度/高度需要约为5000px。圆圈越大，jadgged效果越明显。这不是我喜欢的。我该如何解决这个奇怪的问题？