前言网站开发一般基于浏览器来展示，手机端目前成为兵家必争之地，怎么在网页端开发一份代码，在手机端也能有不错的效果呢。查资料发现通过响应式布局和自适应布局可以解决，那接下来我们来实践一下。概念：1、首先，响应式和自适应最为关键的区别是什么呢？

开发的工具软件：VS Code；需要安装中文插件,输入simple ,出现简体中文，直接安装（installing）。分析，确定我们的主题，3个人一组，最多4人。今天下午报过来。搜集素材，素材分为图片、视频、宣传语等。

布局管理器概述在讨论每个Swing组件（例如文本域和单选按钮）之前，首先介绍一下如何把这些组件安排在一个框架内。与Visual Basic不同，JDK没有表单设计器，需要通过编写代码来定制（布局）用户界面组件所在的位置。

一、布局介绍Android的布局开发中存在五大布局，在鸿蒙布局开发中也存在与之相似的五种布局类型，唯一多余的一个类型叫做自适应盒子布局，布局可以在不同设备上有不同的展示方式。熟悉Android开发的小伙伴可以参照Android的布局开发来学习。

组件：以图形化的方式显示在用户屏幕上。容器：组件不能独立的显示出来，必须放置于容器内才能显示。布局：将组件合理有序的排列分布在容器内称之为布局。