# 响应式首页
URL: https://caijiao.org/html/12-projects/04-responsive
Source: docs/html/12-projects/04-responsive.md
Description: 响应式首页示例，使用灵活的布局和媒体查询，适配不同设备屏幕，实现良好的用户体验。
以下示例展示了一个基础响应式首页布局，包含导航栏、横幅和内容区域，能自动适配手机和平板等不同屏幕尺寸。
## HTML 代码示例
```html
响应式首页
欢迎来到我的网站
特色三
这里是特色三的描述，帮助用户了解更多信息。
```