兼容 |安卓上用border-radius无法显示圆

一开始我是这样写的的，这在ios可以显示正常圆：

.point::after{
    position: absolute;
    content: ' ';
    width: .3em;
    height: .3em;
    display: block;
    border-radius: 50%;
    top: 40%;
    left: 47%;
    background-color: red;
}

在网上找到方法后，我是先将圆放大，然后再缩小。这样在安卓上也显示正常了：

.point::after{
    position: absolute;
    content: ' ';
    width: 3em;                      //放大10倍
    height: 3em;                     //放大10倍
    display: block;
    border-radius: 50%;
    transform:scale(0.1);           //缩小10倍
    transform-origin: 0% center;    //调整圆的位置
    top: 20%;
    left: 47%;
}