微信小程序图片宽100%显示并且不变形
(编辑：jimmy 日期: 2026/10/8 浏览：3 次 )
微信小程序图片宽100%显示并且不变形
按照HTML习惯进行写，代码：
<view class="meiti"> <image src="/UploadFiles/2021-04-02/20170619115150713_progressive.jpg">效果如下：
很明显变形了
找到一篇关于微信小程序 图片的信息
https://www.jb51.net/article/116771.htm
在图片上加上 mode=”widthFix”
代码如下：
<view class="meiti" style="background-color:red;"> <image src="/UploadFiles/2021-04-02/20170619110943813_progressive.jpg">效果：
这样就能达到我们的要求了，等比例缩放。
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
下一篇：微信小程序中页面FOR循环和嵌套循环
高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。