微信小程序如何实现图片宽100%显示并且不变形
短信预约 -IT技能 免费直播动态提醒
这篇文章主要介绍微信小程序如何实现图片宽100%显示并且不变形，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
微信小程序图片宽100%显示并且不变形
按照HTML习惯进行写，代码：
<view class="meiti">
<image class="lazy" data-src="http://10.0.0.171:9001/images/2017/0619/20170619115150713_progressive.jpg"
></image>
</view>效果如下：
很明显变形了
在图片上加上 mode=”widthFix”
代码如下：
<view class="meiti" >
<image class="lazy" data-src="http://10.0.0.171:9001/images/2017/0619/20170619110943813_progressive.jpg"
mode="widthFix"
></image>
</view>效果：
这样就能达到我们的要求了，等比例缩放。
以上是“微信小程序如何实现图片宽100%显示并且不变形”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注编程网行业资讯频道！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
