响应式 UI

Material Design 布局通过使用统一的元素和间距，鼓励跨平台、环境和屏幕尺寸的一致性。

Material Design 中的响应式布局 适应任何可能的屏幕尺寸。我们提供以下帮助程序来使 UI 具有响应性

• Grid: Material Design 响应式布局网格适应屏幕尺寸和方向，确保跨布局的一致性。
• Container: 容器在水平方向上居中放置您的内容。它是最基本的布局元素。
• Breakpoints: API，可以在各种上下文中使用断点。
• useMediaQuery: 这是一个用于 React 的 CSS 媒体查询 Hook。它监听与 CSS 媒体查询的匹配项。