iPhone关于border-radius缺失问题
发布于 6 年前 作者 xiazheng 14264 次浏览 来自 官方Issues

我的设备: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,此问题。

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

1 回复

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

回到顶部