border-radius：50%在安卓机上无效

页面上写了个小红圆点，在电脑和iphone上正常的，但是在安卓手机上，红点变成了带圆角的正方形或长方形，不同安卓手机还有点不一样，代码如下：

{
    background-color: #f1464a;
    width:.2rem;
    height:.2rem;
    border-radius:50%;
}

后面百度了下，原来安卓部分低版本系统，不支持border-radius:50%;的写法，把圆角改成比宽高远远要大的一个值就好了，并且快高度最好使用px，要不rem出现奇数可能也会导致不圆，

{
    background-color: #f1464a;
    width:4px;
    height:4px;
    border-radius:20px;
}