小程序开发API之监听窗口尺寸变化## wx.onWindowResize(如：旋转屏幕)

M.Siebel

于 2019-01-22 15:28:30 发布

阅读量6.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： ONE PIECE--小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/JackJia2015/article/details/86595480

134 篇文章

订阅专栏

本文介绍如何使用微信小程序API监听窗口尺寸变化，包括屏幕旋转事件。通过wx.onWindowResize和wx.offWindowResize函数，开发者可以获取实时的屏幕尺寸，这对于响应式设计和小游戏屏幕适配至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

监听窗口尺寸变化事件如：屏幕旋转事件

窗口尺寸变化事件的回调函数
在这里插入图片描述

在这里插入图片描述

取消监听窗口尺寸变化事件

示例
开始监听

var data = wx.onWindowResize(function(res){
      console.log('菜单按键宽度：', res.size.width)
      console.log('菜单按键高度：', res.size.height)
    })

一旦屏幕发生改变即打印，一般用于小游戏的旋转屏幕

取消监听

wx.offWindowResize()