css——设置圆角border-radius值为50%安卓各版本会变形

MaureenChen 2020-01-10

参考: https://blog.csdn.net/lilinoscar/article/details/80539725

需求:tab切换,选项高亮。

原css:圆圈元素会有的扁,有的圆。刚开始审查元素时发现border超出,以为是这个问题。后来参考文章后发现是单位问题。

.cirlce {
  width: .3rem;
  height: .3rem;
  border-radius: 50%;
  border: 1px solid #ccc;
}
 .cirlce.active {    border: 1px solid #fd6001;    background: #fd6001; }


 
修改后css:

.cirlce {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

相关推荐