如图区域,
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