微信小程序 簡單獲取屏幕視口高度


由於小程序的寬度是固定的 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
    });
  }
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM