小程序中图片/等款高圆变形问题解决(安卓端)

在项目中遇到 zfb小程序 在安卓端变形问题，等款高圆、icon会有此问题

问题

话不多说贴代码

<view class="circle"></view>

原样式

.circle {
  width: 24rpx;
  height: 24rpx;
  border-radius: 12rpx;
  background-size: 24rpx 24rpx;
  background-color: green;
}

avatar

解决

将background-color换成background-image 然后外部盒子变大, 可解决

.circle {
  width: 26rpx;
  height: 26rpx;
  border-radius: 12rpx;
  background-size: 24rpx 24rpx;
  background-repeat: no-repeat;
  background-image: url('/imgs/icon/up.png');
  background-position:  center;
}

反馈回复

avatar

最后

原创文章，文笔有限，有更好的方式方法欢迎大家评论区留言讨论。