基本用法
Container 组件的基本用法示例
基础容器
这是一个基础的容器组件，它会自动提供合适的最大宽度和居中布局。
复杂内容布局
页面标题
这是一个使用容器布局的页面示例
功能 1
功能1的详细描述和说明信息。
功能 2
功能2的详细描述和说明信息。
功能 3
功能3的详细描述和说明信息。
容器组件确保内容在不同屏幕尺寸下都能保持良好的布局效果。
响应式布局
响应式容器
容器会根据屏幕尺寸自动调整宽度
在不同的屏幕尺寸下：
- 手机端：容器占满屏幕宽度，保留适当的内边距
- 平板端：容器有最大宽度限制，内容居中显示
- 桌面端：容器使用更大的最大宽度，适应宽屏显示
对比效果
使用容器（推荐）
使用容器的内容会有合适的最大宽度限制，在大屏幕上不会过度拉伸。
不使用容器
不使用容器的内容会占满整个宽度，在大屏幕上可能显得过于宽泛，影响阅读体验。
Last updated on