布局

match-media

按媒体条件展示内容的响应式容器。

稳定 MiniKit 扩展

使用示例

<match-media></match-media>

属性说明

属性	类型	默认值	必填	说明
`id`	`string`		否	节点标识，可用于 label.for 或测试定位。
`class`	`string`		否	附加样式类名。
`style`	`string`		否	受限内联样式。
`hidden`	`boolean`	false	否	是否隐藏当前节点。
`data-*`	`string`		否	事件触发时进入 event.dataset。
`min-width`	`string`		否	组件支持属性。
`max-width`	`string`		否	组件支持属性。
`width`	`number`		否	画布宽度。
`min-height`	`string`		否	组件支持属性。
`max-height`	`string`		否	组件支持属性。
`height`	`number`		否	画布高度。
`orientation`	`string`		否	组件支持属性。

事件说明

该组件当前没有组件级事件。

Manifest 声明

能力组件必须声明权限和 API。没有宿主 provider 时，运行时会展示稳定降级态或返回结构化错误。

{
  "permissions": [],
  "apisUsed": []
}

平台支持

平台	支持情况
Web	支持
Android SDK	WebView 运行时支持
iOS SDK	WebView 运行时支持
Flutter SDK	WebView 运行时支持

渲染协议

字段	值
HTML 标签	`div`
样式类	`mini-match-media`
是否空元素	否
必填属性	-
必需 API	-