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 cd5ed95e5577e337108c4bc7f2fed4770c60e3c0..0eede0cfc6223ef2ca3d8a41211f3ae7d7d4eaf6 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
@@ -606,13 +606,15 @@ struct TripleColumnSample {
         .backgroundColor('#FFFFFF')
         .height('100%')
         .width('100%')
-        .navBarWidth(360)
+        .navBarWidth(240)
         .hideToolBar(true)
         .title(this.NavigationTitle)
+        .minContextWidth(600-240)
       }.width('100%').height('100%')
-    }.sideBarWidth(100)
+    }.sideBarWidth(240)
     .minSideBarWidth(50)
     .maxSideBarWidth(300)
+    .minContextWidth(600-240)
   }
 }
 ```