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; } |