css——設置圓角border-radius值為50%安卓各版本會變形問題

參考： 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;
}