!18720 为示例图添加外框+更新相关实例链接

Merge pull request !18720 from LiAn/OpenHarmony-3.2-Release

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