From 8b4a94ae3fb24e3987d7338957e18f79746b7d5c Mon Sep 17 00:00:00 2001
From: songqq0825 <songqinqin4@huawei.com>
Date: Wed, 19 Jul 2023 06:21:37 +0000
Subject: [PATCH] =?UTF-8?q?register=E6=96=B9=E6=A1=88=E8=A1=A5=E5=85=85?=
 =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96=E6=93=8D=E4=BD=9C=E4=BB=A5=E5=8F=8A?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=A8=A1=E5=9D=97=E5=88=86=E5=89=B2=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: songqq0825 <songqinqin4@huawei.com>
---
 .../multi-device-app-dev/responsive-layout.md    | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md b/zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md
index f2c4530071..1e274b0b63 100644
--- a/zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md
+++ b/zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md
@@ -210,10 +210,22 @@ export class BreakpointSystem {
 
   public register() {
     this.smListener = mediaquery.matchMediaSync("(320vp<width<600vp)")
+    //初始化
+    if (this.smListener.matches){
+      this.updateCurrentBreakpoint('sm')
+    }
     this.smListener.on("change", this.isBreakpointSM)
     this.mdListener = mediaquery.matchMediaSync("(600vp<width<840vp)")
+   //初始化
+    if (this.mdListener.matches){
+      this.updateCurrentBreakpoint('md')
+    }
     this.mdListener.on("change", this.isBreakpointMD)
     this.lgListener = mediaquery.matchMediaSync("(840vp<width)")
+   //初始化
+    if (this.lgListener.matches){
+      this.updateCurrentBreakpoint('lg')
+    }
     this.lgListener.on("change", this.isBreakpointLG)
   }
 
@@ -224,6 +236,9 @@ export class BreakpointSystem {
   }
 }
 
+```
+
+```
 // MediaQuerySample.ets
 import { BreakpointSystem, BreakpointType } from '../common/breakpointsystem'
 
@@ -259,6 +274,7 @@ struct MediaQuerySample {
 ```
 
 
+
 ## 栅格布局
 
 ### 简介
-- 
GitLab