• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 横竖屏切换
2
3### 介绍
4
5此Demo展示如何使用媒体查询，完成在不同设备上显示不同的界面效果。具体操作步骤如下：
6
71.在竖屏设备上，首页展示新闻列表，点击新闻进入详情界面。
8
92.在横屏设备上，首页左侧展示新闻列表，右侧显示新闻详情，点击新闻右侧显示所点击的新闻的详情。
10
11### 效果预览
12
13![main](screenshots/device/main.png) ![new](screenshots/device/new.png)
14
15### 相关权限
16
17不涉及。
18
19### 依赖
20
21不涉及。
22
23### 约束与限制
24
251.本示例仅支持标准系统上运行。
26
272.本示例仅支持API9版本SDK，版本号：3.2.9.2。
28
293.本示例需要使用DevEco Studio 3.1 Canary1 (Build Version: 3.1.0.100, built on November 3, 2022)才可编译运行。
30