由于小程序的宽度是固定的 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
});
}
});
小程序获取屏幕视口高度
最新推荐文章于 2024-01-03 10:12:28 发布
本文介绍了如何在小程序中通过调用wx.getSystemInfo获取窗口尺寸,并根据固定宽度750rpx计算页面适配高度。通过计算比例,可以实现不同设备上内容的高度适配,确保布局在各种屏幕尺寸下保持一致。
摘要由CSDN通过智能技术生成