我的设备: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,有此问题。
所以想问一下,是微信版本的问题,还是苹果系统的问题,还是某个机型才有的问题。
建议使用border: 2rpx solid red; 尽量不要使用1rpx