多设备自适应的效率型首页

简介

本示例展示了一个列表页面，在不同尺寸的设备上，通过拉伸、缩放、均分、占比等自适应能力，使用多态控件、布局和组件的延展性以及响应式布局的运用，自适应展示为合理的布局效果。实现效果如下：

相关概念

通过媒体查询设备屏幕宽高比，按照一定的比例自适应布局。

相关权限

不涉及。

使用说明

开发者可将本示例安装到不同类型设备上，查看自适应效果。

约束与限制

1.本示例仅支持在大型系统上运行。

2.本示例需要使用DevEco Studio 3.0 Beta3 (Build Version: 3.0.0.901, built on May 30, 2022)才可编译运行。