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