Bootstrap时钟在android chrome上渲染得很厉害？

Question

所以我在我的网站上使用它：

HTML：

<i class="fa fa-clock-o fa-spin fa-4x fa-clock-spin x1"></i> 

CSS：

.x1 {
    font-size: 3vw !important;
    position: absolute;
    top: 41.5%;
    left: 48.2%;   
}

在我的S6 / S5上，时钟旋转（不仅是它内部的线条），还有一部分时钟丢失了。电脑上的照片，一切正常。为什么会这样？