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

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

问题

话不多说贴代码

<view class="circle"></view>
复制代码

原样式

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

解决

将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;
}
复制代码

官方回复

最后

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