美文网首页
微信小程序获取屏幕高度

微信小程序获取屏幕高度

作者: xsmile21 | 来源:发表于2022-07-26 10:17 被阅读0次

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

    let that = this;
    // 获取系统信息
    wx.getSystemInfo({
      success: function (res) {
        // 获取可使用窗口宽度
        let clientWidth = res.windowWidth;
        // 获取可使用窗口高度
        let clientHeight = res.windowHeight;
        // 算出比例
        let ratio = 750 / clientWidth;
        // 算出高度(单位rpx)
        let height = clientHeight * ratio;
        // 设置高度
        that.setData({
          height: height
        });
      }
    });
    

    相关文章

      网友评论

          本文标题:微信小程序获取屏幕高度

          本文链接:https://www.haomeiwen.com/subject/tixzirtx.html