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

家资是何物,积帙列梁梠。这篇文章主要讲述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——设置圆角border-radius值为50%安卓各版本会变形】修改后css:
.cirlce { width: 18px; height: 18px; border-radius: 50%; border: 1px solid #ccc; }


    推荐阅读