From f3d8f39dc414bfc5020e02d5f89c5712a73d8bbf Mon Sep 17 00:00:00 2001
From: swx1239486 <songqinqin4@huawei.com>
Date: Wed, 29 Mar 2023 10:34:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9520-600?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: swx1239486 <songqinqin4@huawei.com>
---
 .../key-features/multi-device-app-dev/case.md          |  4 ++--
 .../multi-device-app-dev/design-delivery.md            |  4 ++--
 .../multi-device-app-dev/responsive-layout.md          | 10 +++++-----
 .../multi-device-app-dev/settings-application-page.md  |  2 +-
 .../multi-device-app-dev/start-with-a-example.md       |  4 ++--
 .../multi-device-app-dev/typical-layout-scenario.md    |  1 +
 6 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/zh-cn/application-dev/key-features/multi-device-app-dev/case.md b/zh-cn/application-dev/key-features/multi-device-app-dev/case.md
index f1dc34b9e0..0792abdeb6 100644
--- a/zh-cn/application-dev/key-features/multi-device-app-dev/case.md
+++ b/zh-cn/application-dev/key-features/multi-device-app-dev/case.md
@@ -467,8 +467,8 @@ const globalMessageList:any[] = [
 
   | 断点 | 窗口宽度(vp) | 栅格总列数 | 消息气泡占用的列数 | 接收场景偏移的列数 | 发送场景偏移的列数 | 
 | -------- | -------- | -------- | -------- | -------- | -------- |
-| sm | [320,&nbsp;520) | 12 | 12 | 0 | 0 | 
-| md | [520,&nbsp;840) | 12 | 8 | 0 | 4 | 
+| sm | [320,&nbsp;600) | 12 | 12 | 0 | 0 | 
+| md | [600,&nbsp;840) | 12 | 8 | 0 | 4 | 
 | lg | [840,&nbsp;+∞) | 12 | 8 | 0 | 4 | 
 
   | 默认设备 | 平板 | 
diff --git a/zh-cn/application-dev/key-features/multi-device-app-dev/design-delivery.md b/zh-cn/application-dev/key-features/multi-device-app-dev/design-delivery.md
index 658db5e5e1..49f29e94a0 100644
--- a/zh-cn/application-dev/key-features/multi-device-app-dev/design-delivery.md
+++ b/zh-cn/application-dev/key-features/multi-device-app-dev/design-delivery.md
@@ -35,8 +35,8 @@
   | 设备类型 | 屏幕宽度 | 画板尺寸（vp） | 
 | -------- | -------- | -------- |
 | 超小设备 | [0,&nbsp;320) | 240\*320 | 
-| 小设备 | [320,&nbsp;520) | 360\*780 | 
-| 中设备 | [520,&nbsp;840) | 677\*763 | 
+| 小设备 | [320,&nbsp;600) | 360\*780 | 
+| 中设备 | [600,&nbsp;840) | 677\*763 | 
 | 大设备 | [840,&nbsp;+) | 1280\*800 | 
 
 多设备效果示意图
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 270181beca..5bd5144d57 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
@@ -24,8 +24,8 @@
   | 断点名称 | 取值范围（vp） | 
 | -------- | -------- |
 | xs | [0,&nbsp;320） | 
-| sm | [320,&nbsp;520) | 
-| md | [520,&nbsp;840) | 
+| sm | [320,&nbsp;600) | 
+| md | [600,&nbsp;840) | 
 | lg | [840,&nbsp;+∞) | 
 
 > **说明：**
@@ -66,7 +66,7 @@ OpenHarmony提供了多种方法，判断应用当前处于何种断点，进而
        let newBp: string = ''
        if (windowWidthVp < 320) {
          newBp = 'xs'
-       } else if (windowWidthVp < 520) {
+       } else if (windowWidthVp < 600) {
          newBp = 'sm'
        } else if (windowWidthVp < 840) {
          newBp = 'md'
@@ -209,9 +209,9 @@ export class BreakpointSystem {
   }
 
   public register() {
-    this.smListener = mediaquery.matchMediaSync("(320vp<width<520vp)")
+    this.smListener = mediaquery.matchMediaSync("(320vp<width<600vp)")
     this.smListener.on("change", this.isBreakpointSM)
-    this.mdListener = mediaquery.matchMediaSync("(520vp<width<840vp)")
+    this.mdListener = mediaquery.matchMediaSync("(600vp<width<840vp)")
     this.mdListener.on("change", this.isBreakpointMD)
     this.lgListener = mediaquery.matchMediaSync("(840vp<width)")
     this.lgListener.on("change", this.isBreakpointLG)
diff --git a/zh-cn/application-dev/key-features/multi-device-app-dev/settings-application-page.md b/zh-cn/application-dev/key-features/multi-device-app-dev/settings-application-page.md
index aab0b98024..d0f7a59896 100644
--- a/zh-cn/application-dev/key-features/multi-device-app-dev/settings-application-page.md
+++ b/zh-cn/application-dev/key-features/multi-device-app-dev/settings-application-page.md
@@ -34,7 +34,7 @@ Navigation组件由Navbar和Content两部分区域组成，Navigation组件支
 
 * Auto模式
 
-  Auto模式是指Navigation组件可以根据应用窗口尺寸，自动选择合适的模式：窗口宽度小于520vp时，采用Stack模式显示；窗口宽度大于等于520vp时，采用Split模式显示。当窗口尺寸发生改变时，Navigation组件也会自动在Stack模式和Split模式之间切换。
+  Auto模式是指Navigation组件可以根据应用窗口尺寸，自动选择合适的模式：窗口宽度小于600vp时，采用Stack模式显示；窗口宽度大于等于600vp时，采用Split模式显示。当窗口尺寸发生改变时，Navigation组件也会自动在Stack模式和Split模式之间切换。
 
 > **说明：**
 >
diff --git a/zh-cn/application-dev/key-features/multi-device-app-dev/start-with-a-example.md b/zh-cn/application-dev/key-features/multi-device-app-dev/start-with-a-example.md
index 16e0865ada..ebc5f5f701 100644
--- a/zh-cn/application-dev/key-features/multi-device-app-dev/start-with-a-example.md
+++ b/zh-cn/application-dev/key-features/multi-device-app-dev/start-with-a-example.md
@@ -15,8 +15,8 @@
   | 设备类型 | 屏幕宽度（vp） | 
 | -------- | -------- |
 | 超小设备 | [0,&nbsp;320) | 
-| 小设备 | [320,&nbsp;520) | 
-| 中设备 | [520,&nbsp;840) | 
+| 小设备 | [320,&nbsp;600) | 
+| 中设备 | [600,&nbsp;840) | 
 | 大设备 | [840,&nbsp;+∞) | 
 
 > **说明：**
diff --git a/zh-cn/application-dev/key-features/multi-device-app-dev/typical-layout-scenario.md b/zh-cn/application-dev/key-features/multi-device-app-dev/typical-layout-scenario.md
index b2135839a5..4262141b3c 100644
--- a/zh-cn/application-dev/key-features/multi-device-app-dev/typical-layout-scenario.md
+++ b/zh-cn/application-dev/key-features/multi-device-app-dev/typical-layout-scenario.md
@@ -371,6 +371,7 @@ struct SideBarSample {
 
   @Builder itemBuilder(index: number) {
     Text(images[index].label)
+      .width('100%')
       .fontSize(24)
       .fontWeight(FontWeight.Bold)
       .borderRadius(5)
-- 
GitLab