當前位置:編程學習大全網 - 網站源碼 - 實現小程序image圖片寬度100%高度自適應

實現小程序image圖片寬度100%高度自適應

因為微信小程序的圖片image有默認的寬高:width: 320px和height: 240px,所以只設置寬度100%是無效的,因為圖片高度默認240px

只需要添加屬性 mode="widthFix"

<image class="img" src="../images/1.png" mode="widthFix">

設置寬度100%,

.img{width: 100%;}

這樣就可以實現圖片寬度100%高度自適應,圖片不會拉伸

  • 上一篇:手機可以查詢超贏主力資金和散戶持倉和DDX數據嗎?
  • 下一篇:Spring加載配置文件(org . spring framework . beans . factory . bean definitionstoreexception)
  • copyright 2024編程學習大全網