微信小程序Image圖片實現width寬度100%,height高度自適應(解決圖片變形問題)

第一步:wxss樣式設置寬度爲100%

/* pages/user/user.wxss */
.img{
  width: 100%;
}

第二步:<image/>標籤上,添加屬性 mode="widthFix"

<!--pages/user/user.wxml-->
<image class="img" src="../../images/bg.png" mode="widthFix"/>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章