页面上写了个小红圆点,在电脑和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;
}