码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2020-01-10 18:34:57      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:需求   width   变形   nbsp   开始   单位   log   pre   border   

参考: 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;
}

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

标签:需求   width   变形   nbsp   开始   单位   log   pre   border   

原文地址:https://www.cnblogs.com/linjiangxian/p/12177548.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!