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

前端之家收集整理的这篇文章主要介绍了微信小程序图片宽100%显示并且不变形前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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


@H_404_0@按照HTML习惯进行写,代码


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

@H_404_0@效果如下:

@H_404_0@

@H_404_0@很明显变形了

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

@H_404_0@

@H_
404_0@在图片加上 @H_404_0@代码如下:

@H_404_0@效果

@H_404_0@

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

@H_404_0@感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

猜你在找的微信小程序相关文章