小程序获取屏幕视口高度
由于小程序的宽度是固定的 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 }); } });
- 上一篇 »css实现自适应屏幕高度
- 下一篇 »CSS适配—屏幕相关概念