From dc34ac161d97be103b208357a6925f0347c5784e Mon Sep 17 00:00:00 2001 From: wanganxp Date: Thu, 24 Sep 2020 02:28:22 +0800 Subject: [PATCH] Update match-media.md --- docs/component/match-media.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/docs/component/match-media.md b/docs/component/match-media.md index 757f24882..cf9267a0d 100644 --- a/docs/component/match-media.md +++ b/docs/component/match-media.md @@ -2,10 +2,11 @@ media query 匹配检测节点。 -可以指定一组 media query 规则,满足时,这个节点才会被展示。 -通过这个节点可以实现“页面宽高在某个范围时才展示某个区域”这样的效果。 +类似于网页开发中使用媒体查询来适配大屏小屏,match-media是一个可适配不同屏幕的基本视图组件。可以指定一组 media query 媒体查询规则,满足查询条件时,这个组件才会被展示。 -> 从 HbuilderX 2.8.12 版本开始支持 +例如在match-media组件中放置一个侧边栏,媒体查询规则设置为宽屏才显示,就可以实现在PC宽屏显示该侧边栏,而在手机窄屏中不显示侧边栏的效果。 + +> 从 HbuilderX 2.9+ 版本开始支持 **属性说明** -- GitLab