微信小程序圖片寬度100%，高度自適應

 

 實現圖片自適應，按照一般情況只需設置：

img {
    width: 100%;
    height: auto;
}

 

但是微信小程序里是特例，需要image標簽上設置屬性mode=widthFix，就是height:auto的作用，css同樣設置width:100%，如下：

image {
  width: 100%;
}

 

<image mode='widthFix'></image>

 

 

 

轉 : https://blog.csdn.net/Mo_zifeng/article/details/89517510