image 设置 mode="widthFix" ，真机上加载是先放大再正常？
发布于 5 年前 作者 gyin 7161 次浏览 来自 问答

image 设置  mode=“widthFix” ，真机上加载是先放大再正常，体验不好怎么处理？？

原代码：

wxml

<image class="scan-image" mode="widthFix" src="/image/scance.png" data-idx="2" bindtap="goto"></image>

wxss

.content2 .scan-image {

  width: 100%; margin-top: 20rpx; vertical-align: top;

}

2 回复

首先写死宽度、调试看下图片的具体宽高是多少，然后在wxss里写死宽高。

<image class="demo-img" src="https://a.b.com/c.png" mode="widthFix" />

.demo-img {
  width: 200rpx;
  height: 200rpx;
}


预览试一试，有可能真机太卡，我们这边都是好的

回到顶部