From d223f9675c0cc840b8422ca8bd0d76a9ac1c1d4a Mon Sep 17 00:00:00 2001
From: swx1239486 <songqinqin4@huawei.com>
Date: Mon, 12 Jun 2023 14:37:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=AE=BD=E5=BA=A6=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=E4=BD=BF=E4=B9=8B=E6=AD=A3=E7=A1=AE=E8=BF=90=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

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 a68af3880b..9d6cb5358a 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
@@ -427,7 +427,7 @@ struct GridRowSample3 {
       gutter: {x: {sm: 8, md: 16, lg: 24}, y: {sm: 8, md: 16, lg: 24}}}) {
       ForEach(this.bgColors, (bgColor)=>{
         GridCol({span: {sm: 2, md: 2, lg: 2}}) {
-          Row().backgroundColor(bgColor).height(30)
+          Row().backgroundColor(bgColor).height(30).width('100%')
         }
       })
     }
@@ -460,7 +460,7 @@ struct GridRowSample4 {
         GridCol({span:{xs: 12, sm: 12, md: 12, lg:12}}) {
           Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
             Text("padding").fontSize(24).fontWeight(FontWeight.Medium)
-          }.backgroundColor('#19000000')
+          }.backgroundColor('#19000000').width('100%')
         }
       }
       .height(50)
@@ -483,7 +483,7 @@ struct GridRowSample4 {
         GridCol({span:{xs: 12, sm: 12, md: 12, lg:12}}) {
           Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
             Text("margin").fontSize(24).fontWeight(FontWeight.Medium)
-          }.backgroundColor('#19000000')
+          }.backgroundColor('#19000000').width('100%')
         }
       }
       .height(50)
@@ -542,7 +542,7 @@ struct GridRowSample5 {
             Text('' + item.index).fontSize(24)
           }
           .justifyContent(FlexAlign.Center)
-          .backgroundColor(item.color).height(30)
+          .backgroundColor(item.color).height(30).width('100%')
         }
       })
     }
@@ -584,7 +584,7 @@ struct GridRowSample6 {
             Text('' + item.index).fontSize(24)
           }
           .justifyContent(FlexAlign.Center)
-          .backgroundColor(item.color).height(30)
+          .backgroundColor(item.color).height(30).width('100%')
         }
       })
     }
@@ -626,7 +626,7 @@ struct GridRowSample7 {
             Text('' + item.index).fontSize(24)
           }
           .justifyContent(FlexAlign.Center)
-          .backgroundColor(item.color).height(30)
+          .backgroundColor(item.color).height(30).width('100%')
         }
       })
     }
@@ -670,7 +670,7 @@ struct GridRowSample8 {
             Text('' + item.index).fontSize(24)
           }
           .justifyContent(FlexAlign.Center)
-          .backgroundColor(item.color).height(30)
+          .backgroundColor(item.color).height(30).width('100%')
         }
       })
     }
@@ -713,7 +713,7 @@ struct GridRowSample9 {
                 Text('' + item.index).fontSize(24)
               }
               .justifyContent(FlexAlign.Center)
-              .backgroundColor(item.color).height(30)
+              .backgroundColor(item.color).height(30).width('100%')
             }
           })
         }
-- 
GitLab