小程序mode="heightFix"无效 图片拉伸 解决方案

调试基础库2.11.0.
image标签, .wxss文件内给定高度,

.cell .levelimg {height: 36rpx;margin: auto auto auto 30rpx;}

.wxml文件内, 给定mode="heightFix"

<image class="levelimg" mode="heightFix" src="/images/shoplevelicons/shoplevel_{{item}}.png"></image>

iphone机型上,都是正常显示的,安卓机型则被拉伸

截屏2020-05-15上午9.41.12.png

尝试各种,无效
解决方案: 比较简单粗暴
让UI妹纸, 切图直接给定了宽高,空白区域,透明占位.

IMG_6454.JPG

.wxml文件,放弃使用mode="heightFix"

<image class="levelimg" src="/images/shoplevelicons/shoplevel_{{item}}.png"></image>

.wxss文件, 给定宽高

.cell .levelimg {height: 36rpx;width: 198rpx;margin: auto auto auto 30rpx;}