老师，为什么小程序端图片不能根据宽度自适应改变高度？通过这几节课的学习，我发现小程序开发没使用过百分比单位等其他单位，是微信官方通过rpx单位就帮助我们适配了各种屏幕尺寸？

所以总结是：pc端开发我们基本使用的是px单位加百分比（基本不考虑屏幕适配问题），移动端使用的是rem和百分比单位（或者以后再加上vw,vh，需考虑屏幕适配问题），小程序端使用rpx单位（微信官方解决了各种屏幕适配）。对吗？

wxml相关代码：

<view class="img-container">
  <view class="img-item" wx:for="{{imgList}}" wx:key="*this">
    <image class="img-item-img" src="{{item.url}}"/>
  </view>
</view>

wxss相关代码：

.img-container {
  margin: 0 10rpx;
  width: 730rpx;
  height: 400rpx;
  background-color: pink;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: space-around;
}
.img-item {
  width: 340rpx;
}
.img-item-img {
  width: 340rpx;
  height: 163rpx;
}

js相关代码：

​Page({
  data: {
    imgList:[]
  },
  onLoad(){
    wx.request({
      url: 'https://www.fastmock.site/mock/2d6453f1b302b10525c696f14b4637d7/weixin/api/getData',
      success: res => {
        const {data:{imgList}} = res;
        this.setData({imgList});
      }
    })
  }
})