!16985 Tabs animationDuration change & mediaquery add explaination & navigation sample code update

Merge pull request !16985 from zhouchaobo/master

zh-cn/application-dev/reference/arkui-ts/ts-basic-components-navigation.md

@@ -195,7 +195,7 @@ struct NavigationExample {
           .width(336)
           .height(40)
           .backgroundColor('#FFFFFF')
-          .margin({ top: 8, left: 12 })
+          .margin({ top: 8 })
 
         List({ space: 12, initialIndex: 0 }) {
           ForEach(this.arr, (item) => {
@@ -212,8 +212,8 @@ struct NavigationExample {
           }, item => item)
         }
         .height(324)
-        .width('100%')
-        .margin({ top: 12, left: 12 })
+        .width(336)
+        .margin({ top: 12 })
       }
       .title(this.NavigationTitle)
       .menus(this.NavigationMenus)

zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md

@@ -43,7 +43,7 @@ Tabs(value?: {barPosition?: BarPosition, index?: number, controller?: [TabsContr
 | barMode           | BarMode | TabBar布局模式，具体描述见BarMode枚举说明。<br/>默认值：BarMode.Fixed |
 | barWidth          | number&nbsp;\|&nbsp;Length<sup>8+</sup>  | TabBar的宽度值。<br/>**说明：** <br/>设置为小于0或大于Tabs宽度值时，按默认值显示。     |
 | barHeight         | number&nbsp;\|&nbsp;Length<sup>8+</sup>  | TabBar的高度值。<br/>**说明：** <br/>设置为小于0或大于Tabs宽度值时，按默认值显示。     |
-| animationDuration | number | TabContent滑动动画时长。不设置时，点击切换页签无动画，滑动切换有动画；设置时，点击切换和滑动切换都有动画。<br/>默认值：200 <br/>**说明：** <br/>设置为小于0或百分比时，按默认值显示。|
+| animationDuration | number | TabContent滑动动画时长。不设置时，点击切换页签无动画，滑动切换有动画；设置时，点击切换和滑动切换都有动画。<br/>默认值：300 <br/>**说明：** <br/>设置为小于0或百分比时，按默认值显示。|
 | divider<sup>10+</sup> |  [DividerStyle](#dividerstyle10对象说明) \| null | 用于设置区分TabBar和TabContent的分割线样式设置分割线样式，默认不显示分割线。<br/> DividerStyle: 分割线的样式；<br/> null: 不显示分割线。 |
 | FadingEdge<sup>10+</sup> | boolean | 设置页签超过容器宽度时是否渐隐消失<br />默认值：true         |
 

zh-cn/application-dev/ui/ui-ts-layout-mediaquery.md

@@ -92,12 +92,12 @@ listener.on('change', onPortrait)
 
 | 类型              | 说明                                                         |
 | ----------------- | ------------------------------------------------------------ |
-| height            | 应用页面显示区域的高度。                                     |
-| min-height        | 应用页面显示区域的最小高度。                                 |
-| max-height        | 应用页面显示区域的最大高度。                                 |
-| width             | 应用页面显示区域的宽度。                                     |
-| min-width         | 应用页面显示区域的最小宽度。                                 |
-| max-width         | 应用页面显示区域的最大宽度。                                 |
+| height            | 应用页面可绘制区域的高度。                                     |
+| min-height        | 应用页面可绘制区域的最小高度。                                 |
+| max-height        | 应用页面可绘制区域的最大高度。                                 |
+| width             | 应用页面可绘制区域的宽度。                                     |
+| min-width         | 应用页面可绘制区域的最小宽度。                                 |
+| max-width         | 应用页面可绘制区域的最大宽度。                                 |
 | resolution        | 设备的分辨率，支持dpi，dppx和dpcm单位。其中：<br/>-&nbsp; dpi表示每英寸中物理像素个数，1dpi≈0.39dpcm；<br/>-&nbsp; dpcm表示每厘米上的物理像素个数，1dpcm&nbsp; ≈&nbsp; 2.54dpi；<br/>-&nbsp; dppx表示每个px中的物理像素数（此单位按96px=1英寸为基准，与页面中的px单位计算方式不同），1dppx&nbsp; =&nbsp; 96dpi。 |
 | min-resolution    | 设备的最小分辨率。                                           |
 | max-resolution    | 设备的最大分辨率。                                           |