微信小程序在iphone真机border 显示不全
出现条件: 当 父容器的宽度(rpx) / 2 的值为 偶数或者是偶数.5 时就会出现这个bug
解决方案:
1、修改父容器的宽度为 奇数或奇数.5
2、补充像素单位
wxml:
<view class="btn_list"> //父容器
<view class="space"></view> //补充的标签
<view class="btn"></view> //后面三个是边框显示不全的标签
<view class="btn"></view>
<view class="btn"></view>
</view>
wxss:
.space {
width: 1rpx;
height: 100%;
float: left;
}