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

      }

 

    

posted @ 2019-01-08 16:33  陈陈儿  阅读(2669)  评论(0编辑  收藏  举报