微信小程序图片宽100%显示并且不变形

微信小程序图片宽100%显示并且不变形

按照HTML习惯进行写，代码：

<view class="meiti">
   <image src="http://10.0.0.171:9001/images/2017/0619/20170619115150713_progressive.jpg" 
   style="width:100%;"></image>
  </view>

效果如下：

很明显变形了

找到一篇关于微信小程序 图片的信息

https://www./article/116771.htm

在图片上加上 mode=”widthFix”

代码如下：

<view class="meiti" style="background-color:red;">
   <image src="http://10.0.0.171:9001/images/2017/0619/20170619110943813_progressive.jpg"
    mode="widthFix" 
    style="width:100%;background-color:black;" ></image>
  </view>

效果：

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

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序图片宽100%显示并且不变形  # 小程序  # 图片不变形  # 图片显示  # 微信小程序 动态的设置图片的高度和宽度详解及实例代码  # 微信小程序 图片宽高自适应详解  # 微信小程序实现image组件图片自适应宽度比例显示的方法  # 微信小程序实现富文本图片宽度自适应的方法  # 微信小程序 图片宽度自适应的实现  # 微信小程序如何获取图片宽度与高度  # 就能  # 希望能  # 很明显  # 谢谢大家  # 一篇关于  # 不变形  # 等比例  # src  # image  # http  # images  # pre  # class  # HTML  # 微信小  # brush  # meiti  # gt  # view  # xml 

相关文章： 邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  c# 在高并发下使用反射发射（Reflection.Emit）的性能  建站主机类型有哪些？如何正确选型  如何撰写建站申请书？关键要点有哪些？  如何选择最佳自助建站系统？快速指南解析优劣  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  头像制作网站在线制作软件,dw网页背景图像怎么设置？  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  深圳网站制作案例,网页的相关名词有哪些？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  已有域名能否直接搭建网站？  制作宣传网站的软件,小红书可以宣传网站吗？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  如何在Windows环境下新建FTP站点并设置权限？  郑州企业网站制作公司,郑州招聘网站有哪些？  如何在服务器上三步完成建站并提升流量？  如何通过虚拟主机快速完成网站搭建？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  如何选择高效稳定的ISP建站解决方案？  如何零基础开发自助建站系统？完整教程解析  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  上海网站制作开发公司,上海买房比较好的网站有哪些？  定制建站如何定义？其核心优势是什么？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  如何通过远程VPS快速搭建个人网站？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  高防服务器租用如何选择配置与防御等级？  ,网站推广常用方法？  广州建站公司哪家好？十大优质服务商推荐  建站之星如何防范黑客攻击与数据泄露？  如何使用Golang table-driven基准测试_多组数据测量函数效率  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  海南网站制作公司有哪些,海口网是哪家的？  如何在IIS中新建站点并配置端口与IP地址？  黑客入侵网站服务器的常见手法有哪些？  宝塔面板创建网站无法访问？如何快速排查修复？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  如何自定义建站之星模板颜色并下载新样式？  网站网页制作专业公司,怎样制作自己的网页？  在线制作视频网站免费,都有哪些好的动漫网站？  代购小票制作网站有哪些,购物小票的简要说明？  如何做网站制作流程,*游戏网站怎么搭建？