mediaqueryobserver.observe(object descriptor, function callback)
基础库 或更高版本； 若版本较低，建议采取 兼容处理 。
主体： 企业支付宝小程序 、 个人支付宝小程序
开始监听页面 mediaquery 变化。
object descriptor
descriptor media query 描述符
查看示例
| 属性 | 类型 | 默认值 | 必填 | 描述 | |||||
|---|---|---|---|---|---|---|---|---|---|
| minwidth | number | - | 否 | 页面最小宽度（ px 为单位） |
|||||
| maxwidth | number | - | 否 | 页面最大宽度（ px 为单位） |
|||||
| width | number | - | 否 | 页面宽度（ px 为单位） |
|||||
| minheight | number | - | 否 | 页面最小高度（ px 为单位） |
|||||
| maxheight | number | - | 否 | 页面最大高度（ px 为单位） |
|||||
| height | number | - | 否 | 页面高度（ px 为单位） |
|||||
| orientation | string | - | 否 | 屏幕方向（ landscape 或 portrait ） |
|||||
|
function callback
监听 media query 状态变化的回调函数
参数
object res
| 属性 | 类型 | 描述 |
|---|---|---|
| matches | boolean | 页面的当前状态是否满足所指定的 media query |
mediaqueryobserver.observe(object descriptor, function callback)
const mediaqueryobserver = this.createmediaqueryobserver();
mediaqueryobserver.observe(
{ minwidth: 100 },
res => {
console.log(res.matches);
}
);
mediaqueryobserver.disconnect();