微信小程序 手机屏幕宽度高度

微信小程序可以通过wx.getSystemInfoSync()方法获取当前设备的系统信息，包括屏幕宽度和高度。具体代码如下：

const systemInfo = wx.getSystemInfoSync()
const screenWidth = systemInfo.screenWidth
const screenHeight = systemInfo.screenHeight

其中，screenWidth表示屏幕宽度，screenHeight表示屏幕高度，单位都是px。

相关问题

微信小程序 手机屏幕rpx宽度、rpx高度

在微信小程序中，屏幕的宽度和高度可以用rpx（responsive pixel）来表示。rpx是一种自适应的像素单位，它会根据屏幕宽度进行自动缩放，使得不同尺寸的屏幕上显示的大小保持一致。

要获取屏幕的rpx宽度和高度，可以通过wx.getSystemInfoSync()方法获取系统信息，其中包含了屏幕的宽度和高度等信息。然后可以通过以下公式计算得到rpx宽度和高度：

// 获取系统信息
const systemInfo = wx.getSystemInfoSync();
// 屏幕宽度，单位px
const screenWidth = systemInfo.screenWidth;
// 屏幕高度，单位px
const screenHeight = systemInfo.screenHeight;
// 可使用窗口宽度，单位px
const windowWidth = systemInfo.windowWidth;
// 可使用窗口高度，单位px
const windowHeight = systemInfo.windowHeight;
// rpx比例
const rpxRatio = 750 / windowWidth;
// 屏幕宽度，单位rpx
const screenWidthRpx = screenWidth / rpxRatio;
// 屏幕高度，单位rpx
const screenHeightRpx = screenHeight / rpxRatio;

其中，750是设计稿的宽度，可以根据实际情况进行调整。计算出来的screenWidthRpx和screenHeightRpx就是屏幕的rpx宽度和高度了。

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

在微信小程序中，获取屏幕的高度和宽度可以通过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);
  }
})

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