css border实现尖角三角形在andorid手机端显示锯齿状毛边的情况如何解决或优化

 .triangle{
    position: absolute;
    top: 44px;
    left: -50%;
    margin-left: 20px;
    border-top: 15px solid #6391ef;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}