微信小程序在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;

　　　　　　}

 

　　　　

转载于:https://www.cnblogs.com/chensiyan/p/10239740.html