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

      }

 

    


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM