MediaQueryObserver
MediaQueryObserver
对象,用于监听页面 media query 状态的变化,如界面的长宽是不是在某个指定的范围内。
方法
observe
开始监听页面 media query 变化情况
(descriptor: descriptor, callback: observeCallback) => void
参数 | 类型 |
---|---|
descriptor | descriptor |
callback | observeCallback |
disconnect
停止监听。回调函数将不再触发
() => 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 状态变化的回调函数
(res: { matches: boolean; }) => void
参数 | 类型 |
---|---|
res | { matches: boolean; } |