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


哇 今天搞了半天  圖片一直變形啊啊啊啊 

寬度100%   高度給100%   給auto   完全不管用啊啊啊啊

 

然后最后最終!!!!

首先我們要給我們的圖片一個100%的寬度!讓它自適應!!

.gotimeimg{
  width:100%;
}

 

接着!!!最重要的神奇的時候到了!請睜大你bilingbiling的眼睛!!

<image class='gotimeimg' mode='widthFix' wx:for="{{pic3}}" src='{{item}}'></image>
mode='widthFix'  就是這個東西!! 沒錯!! 加上這個東西就ok了!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 微信小程序圖片寬度100%,高度自適應 web圖片100%寬度自適應,高度不塌陷 微信小程序image圖片自適應寬度比例顯示的方法 微信小程序之image圖片自適應寬度比例顯示 關於微信小程序碰到得小問題 ---- 圖片設置固定寬度高度自適應 CSSHTML實現高度寬度自適應 iframe 高度寬度自適應 html中圖片自適應瀏覽器和屏幕,寬度高度自適應