Skip to main content
Version: Next

MediaQueryObserver

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

方法

observe

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

(descriptor: descriptor, callback: observeCallback) => void
参数类型
descriptordescriptor
callbackobserveCallback

disconnect

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

() => void

参数

descriptor

media query 描述符

参数类型说明
minWidthnumber页面最小宽度 (单位: px)
maxWidthnumber页面最大宽度 (单位: px)
widthnumber页面宽度 (单位: px)
minHeightnumber页面最小高度 (单位: px)
maxHeightnumber页面最大高度(px 为单位)
heightnumber页面高度(px 为单位)
orientation"landscape" or "portrait"屏幕方向

observeCallback

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

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