diff --git a/zh-cn/application-dev/ui/arkts-layout-development-media-query.md b/zh-cn/application-dev/ui/arkts-layout-development-media-query.md
index 5b102cdad3b3400310dd128bbe77abf126fd75e8..5194d793a443d38378d1b0969de85673d3d47ab1 100644
--- a/zh-cn/application-dev/ui/arkts-layout-development-media-query.md
+++ b/zh-cn/application-dev/ui/arkts-layout-development-media-query.md
@@ -110,12 +110,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&nbsp;≈&nbsp;0.39dpcm；<br/>-&nbsp;dpcm表示每厘米上的物理像素个数，1dpcm&nbsp;≈&nbsp;2.54dpi；<br/>-&nbsp;dppx表示每个px中的物理像素数（此单位按96px&nbsp;=&nbsp;1英寸为基准，与页面中的px单位计算方式不同），1dppx&nbsp;=&nbsp;96dpi。 |
 | min-resolution    | 设备的最小分辨率。                                |
 | max-resolution    | 设备的最大分辨率。                                |
@@ -260,4 +260,4 @@ struct MediaQueryExample {
 
 基于媒体查询，可参考以下实例：
 
-[媒体查询](https://gitee.com/openharmony/applications_app_samples/tree/master/ETSUI/MediaQuery)：使用媒体查询，完成在不同设备上显示不同的界面效果。
+[媒体查询](https://gitee.com/openharmony/applications_app_samples/tree/OpenHarmony-3.2-Release/code/UI/ArkTsComponentClollection/MediaQuery))：使用媒体查询，完成在不同设备上显示不同的界面效果。
\ No newline at end of file
diff --git a/zh-cn/application-dev/ui/figures/landscape.jpg b/zh-cn/application-dev/ui/figures/landscape.jpg
index f82c49f882a9cc7b7f0398d9a4ccdf2fe8a3a92a..15c7505cf9669ed6bf9af406dc341716430e8741 100644
Binary files a/zh-cn/application-dev/ui/figures/landscape.jpg and b/zh-cn/application-dev/ui/figures/landscape.jpg differ
diff --git a/zh-cn/application-dev/ui/figures/portralit.jpg b/zh-cn/application-dev/ui/figures/portralit.jpg
index f656f49433be7787f9d0fbd9106cf6c9d366f25c..9b60d0bf27ae95f0359550fb857d1d916983654c 100644
Binary files a/zh-cn/application-dev/ui/figures/portralit.jpg and b/zh-cn/application-dev/ui/figures/portralit.jpg differ