match-media 适配大屏小屏

阿克苏市特创数字科技中心官方账号

2023-11-25 16:44:23

课时名称	课时知识点
match-media 适配大屏小屏	1. 了解match-media组件的基本概念和主要作用，以及它在不同平台（如微信小程序、H5和APP）上的使用情况。 2. 学习和掌握如何使用match-media组件，包括创建页面、添加match-media组件、设置match-media的属性等步骤。例如如何通过媒体查询规则，满足查询条件时，这个组件才会被展示。 3. 掌握match-media组件的常用属性，如min-width（最小宽度）、max-width（最大宽度）等。 4. 了解uni-app的宽屏适配方案，从uni-app 2.9起，提供了PC等宽屏的适配方案，完成了全端统一。 5. 实战项目

课时名称

课时知识点

1. 了解match-media组件的基本概念和主要作用，以及它在不同平台（如微信小程序、H5和APP）上的使用情况。 2. 学习和掌握如何使用match-media组件，包括创建页面、添加match-media组件、设置match-media的属性等步骤。例如如何通过媒体查询规则，满足查询条件时，这个组件才会被展示。 3. 掌握match-media组件的常用属性，如min-width（最小宽度）、max-width（最大宽度）等。 4. 了解uni-app的宽屏适配方案，从uni-app 2.9起，提供了PC等宽屏的适配方案，完成了全端统一。 5. 实战项目

...全文