收藏
回答

iPhone关于border-radius缺失问题

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 Bug 微信iOS客户端 7.0.8 2.9.3

我的设备:iPhone xs  IOS 13.1.3

问题描述:

    当页面有手写的按钮样式时,使用border-radius来定义按钮样式,出现如下图的缺失,就好像橡皮擦过一样。


一开始我以为我写的有问题,后来浏览了京东,发现也是。

国际惯例,贴代码: wxml:

<!-- 我要咨询 -->

<view class="cheakAllComment">

<view>查看全部咨询</view>

</view>

wxss:

.cheakAllComment {

    height: 100rpx;

    display: flex;

    justify-content: center;

    align-items: center;

    align-content: center;

}


.cheakAllComment view {

    font-size: 24rpx;

    text-align: center;

    width: 200rpx;

    height: 60rpx;

    line-height: 60rpx;

    border: 1rpx solid #b1b1b1;

}


后来我换了几个机型,     小程序开发工具,无此问题。

    iPhonexs Plus 微信版本7.0.8,无此问题。

    iPhone6s Plus 微信版本7.0.8,无此问题。

    小米6,微信版本6.7.3,无此问题。

    iPhone X,微信版本7.0.8,此问题。

所以想问一下,是微信版本的问题,还是苹果系统的问题,还是某个机型才有的问题。


最后一次编辑于  11-14
回答关注问题邀请回答
收藏

1 个回答

  • .
    .
    11-14

    建议使用border: 2rpx solid red; 尽量不要使用1rpx

    11-14
    赞同 1
    回复 2
    • 烟小清
      烟小清
      11-14
      这个问题,确实变成2rpx可以解决,但是上面的意思,太粗了,认为是微信的问题,因为左边没有缺失是事实,其他型号的iPhone也没有问题,11系列不知道,手上还没有11系列,所以,还是希望官方给出合理解释。
      11-14
      回复
    • .
      .
      11-14回复烟小清
      反正我的解决办法就是2rpx, 不然没法看,那你等等微信官方的回复吧
      11-14
      回复
问题标签