美文网首页
小程序mode="heightFix"无效 图片拉伸 解决方案

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

作者: 考拉小姐咩 | 来源:发表于2020-05-15 09:44 被阅读0次

调试基础库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;}

相关文章

网友评论

      本文标题:小程序mode="heightFix"无效 图片拉伸 解决方案

      本文链接:https://www.haomeiwen.com/subject/unuqohtx.html