title: MediaQueryObserver

sidebar_label: MediaQueryObserver

MediaQueryObserver 对象，用于监听页面 media query 状态的变化，如界面的长宽是不是在某个指定的范围内。

方法

observe

开始监听页面 media query 变化情况

  1. (descriptor: descriptor, callback: observeCallback) => void
参数 类型
descriptor descriptor
callback observeCallback

disconnect

停止监听。回调函数将不再触发

  1. () => void

参数

descriptor

media query 描述符

参数 类型 说明
minWidth number 页面最小宽度 (单位: px)
maxWidth number 页面最大宽度 (单位: px)
width number 页面宽度 (单位: px)
minHeight number 页面最小高度 (单位: px)
maxHeight number 页面最大高度（px 为单位）
height number 页面高度（px 为单位）
orientation “landscape” or “portrait” 屏幕方向

observeCallback

监听 media query 状态变化的回调函数

  1. (res: { matches: boolean; }) => void
参数 类型
res { matches: boolean; }