微信小程序-图片宽100%显示,不变形

按照HTML习惯进行写,代码:


      
    

效果如下:
微信小程序-图片宽100%显示,不变形_第1张图片

很明显变形了

然后查找资料
找到一篇关于微信小程序 图片的信息
http://caibaojian.com/wxapp-image-responsive.html
在图片上加上 mode=“widthFix”
代码如下:


      
    

效果:
微信小程序-图片宽100%显示,不变形_第2张图片

这样就能达到我们的要求了,等比例缩放。

如果觉得好您就支持下

你可能感兴趣的:(微信小程序)