由于小程序中的画布,动画等目前只支持PX单位,在页面开发中单位的选择会在PX和RPX中纠结一下,有时候就会出现某些机型页面缺斤少两的现象,下面给大家说一下加载页面时自动计算出设备可用最大rpx高度数值的方法,原理很简单  大家应该一看就懂

wx.getSystemInfo({

  success(res) {

    that.setData({

      windowHeightrpx: res.windowHeight / (res.windowWidth / 750)

    })

  }

})

在wxml使用:

<scroll-view scroll-y class='classifybg' style='height:{{windowHeightrpx -310}}rpx'>

  <view bindtap='scrollto' wx:for='{{classify}}' data-index='{{index}}' wx:key=''>

    <view wx:if='{{index != 0 }}' class='line'></view>

    <view class='{{classifyindex=="classify"+index?"classifyv2":"classifyv"}}'>{{item.name}}</view>

  </view>

</scroll-view>