用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

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

Rolan 2019-8-12 00:39

在项目中遇到 zfb小程序 在安卓端变形问题, 等款高圆、icon会有此问题 问题 话不多说贴代码 view class="circle"/view 复制代码原样式 .circle { width: 24rpx; height: 24rpx; border-radius: 12rpx; background- ...

在项目中遇到 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;
}
复制代码

官方回复

最后

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

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: ^—^ 来自: 掘金