微信小程序圖片寬100%顯示并且不變形
按照HTML習慣進行寫，代碼：
<view class="meiti"> <image src="http://10.0.0.171:9001/images/2017/0619/20170619115150713_progressive.jpg" style="width:100%;"></image> </view>
效果如下：
很明顯變形了
找到一篇關于微信小程序 圖片的信息
//m.survivalescaperooms.com/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>
效果：
這樣就能達到我們的要求了，等比例縮放。
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
新聞熱點
疑難解答
