微信小程序 获取屏幕的高度和宽度

在微信小程序中，获取屏幕的高度和宽度可以通过JavaScript或WXML来实现。以下是两个常见的方法：

1. 使用wx.createSelectorQuery() API:

Page({
  onLoad: function () {
    const query = wx.createSelectorQuery()
    query.select('#yourViewId') // 替换为你要查询的视图ID
      .fields({
        size: true // 获取尺寸信息
      })
      .exec((res) => {
        const {width, height} = res[0].size // res数组的第一个元素通常包含尺寸信息
        console.log('屏幕宽度:', width)
        console.log('屏幕高度:', height)
      })
  }
})

2. 使用wx.getSystemInfoSync() 函数：

Page({
  onReady() {
    let systemInfo = wx.getSystemInfoSync();
    console.log('屏幕宽度:', systemInfo.windowWidth);
    console.log('屏幕高度:', systemInfo.windowHeight);
  }
})

这两种方法分别在不同的场景下使用，前者适合在动态查询某个节点大小时使用，后者则是在页面加载完成后一次性获取设备信息。