微信小程序简单获取屏幕视口高度

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

由于小程序的宽度是固定的 750rpx，我们可以先用wx.getSystemInfo 来获取可使用窗口的宽高(并非rpx)，结合750rpx的宽度算出比例，再用比例来算出高度

let that = this;

// 获取系统信息

wx.getSystemInfo({

  success: function (res) {

    // 获取可使用窗口宽度

    let clientHeight = res.windowHeight;

    // 获取可使用窗口高度

    let clientWidth = res.windowWidth;

    // 算出比例

    let ratio = 750 / clientWidth;

    // 算出高度(单位rpx)

    let height = clientHeight * ratio;

    // 设置高度

    that.setData({

      height: height

    });

  }

});