iOS下border一半不显示问题

如图区域，
1.在做点击评价的时候，刚开始遇到下边选择标签左边border显示不全（仅在iOS下电脑和安卓显示完全正常），

解决方法：没有写宽高，使用padding将内容撑开，解决

2.又一次遇到问题，在刚开始拿的ios上显示正常（百度解释为当标签的父容器宽度(单位rpx)÷2的值为偶数或偶数.5的时候会出现该bug）。所以部分手机存在问题。自己也试了试改变宽就好了。
解决方法：小姐姐提供

元素position:relative;
 &::before {
  position: absolute;
  content: '';
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  border: 2px solid #E7ECF1;
  transform: scale(.5);
  border-radius: 18px;
}
方法2：改为2px solid #E7ECF1