微信小程序滑动轮播中的图片自适应高度大于此高度的图片将被隐藏。热,如何让图片适应不同的分辨率。我的思路是:获取屏幕宽度,获取图片的宽高,然后按比例设置当前屏幕宽度下的swiper高度。1.结构{{duration}}"indicator-active-color="{{autoplay}}"{{bg}}"style='height:{{Height}}'>//bindload是绑定图片加载的事件,记得加上mode="widthFix"到图片,并设置图片为100%宽度swiper的各种属性在官方文档中都有,我就不解释了这里。最重要的是:style='height:{{Height}}'//动态设置swiper的高度2.页面中:data:{imgUrls:['../img/goodsDetail/goods.png','../img/goodsDetail/goods.png','../img/goodsDetail/goods.png'],indicatorDots:true,autoplay:true,interval:5000,duration:1300,bg:'#C79C77',高度:""//这是swiper动态设置的height属性},imgHeight:function(e){varwinWid=wx.getSystemInfoSync().windowWidth;//获取当前屏幕的宽度varimgh=e.detail.height;//图片高度varimgw=e.detail.width;//图片宽度varswiperH=winWid*imgh/imgw+"px"//设置按比例调整滑动条的高度。即屏幕宽度/swiper高度=图片宽度/图片高度==》swiper高度=屏幕宽度*图片高度/图片宽度this.setData({height:swiperH//设置高度})},总结:获取当前屏幕width:wx.getSystemInfoSync().windowWidth在小程序中动态设置属性,只能通过setData({}),类似于在js中直接操作css样式注意:如果图片外层有容器,则设置图片的宽度设置为100%后,离安装的容器底部有一点距离,那是因为图片是默认的display:inline-block属性,会产生空隙。如果你想填充容器,只需将其设置为显示:块。