抖音开放平台Logo
开发者文档
“/”唤起搜索
控制台
  • JS API 列表
  • 基础
  • TTML
  • tt.createSelectorQuery
  • tt.createIntersectionObserver
  • SelectorQuery
  • NodesRef
  • MediaQueryObserver
  • IntersectionObserver
  • tt.matchMedia
  • 网络
  • 媒体
  • 地图
  • 文件
  • 数据缓存
  • 地理位置
  • 设备
  • 画布
  • 界面
  • 页面导航
  • 开放接口
  • 行业开放
  • 第三方平台
  • 其它
  • 生活服务(即将废弃)
  • tt.matchMedia

    收藏
    我的收藏
    基础库3.63.0开始支持本方法
    ​
    支持判断当前页面状态是否满足指定的媒体查询条件,例如当前页面大小是否在指定的某个范围内。

    语法

    ​
    tt.matchMedia(descriptor)

    参数说明

    descriptor

    类型
    默认值
    必填
    说明
    最低支持版本
    object
    ​
    是
    媒体查询参数
    3.63.0

    descriptor类型说明

    object 类型,属性如下:
    属性
    类型
    默认值
    必填
    说明
    最低支持版本
    minWidth
    number
    ​
    否
    页面最小宽度(px为单位)
    3.63.0
    maxWidth
    number
    ​
    否
    页面最大宽度(px为单位)
    3.63.0
    width
    number
    ​
    否
    页面宽度(px为单位)
    3.63.0
    minHeight
    number
    ​
    否
    页面最小高度(px为单位)
    3.63.0
    maxHeight
    number
    ​
    否
    页面最大高度(px为单位)
    3.63.0
    height
    number
    ​
    否
    页面高度(px为单位)
    3.63.0
    orientation
    string
    ​
    否
    屏幕方向,可选值为'portrait' | 'portraitupsidedown' | 'landscapeleft' | 'landscaperight'
    3.63.0
    ​

    返回值

    object 类型,代表当前页面状态是否满足指定条件,属性如下:
    参数
    参数类型
    说明
    最低支持版本
    matches
    boolean
    查询结果布尔值
    3.63.0
    ​

    扫码体验

    代码示例

    ​
    ​
    ​
    ​

    Bug & Tip

    无
    ​
    ​