響應式 UI

Material Design 版面配置透過使用一致的元素和間距，鼓勵跨平台、環境和螢幕尺寸的一致性。

Material Design 中的響應式版面配置可適應任何可能的螢幕尺寸。我們提供以下輔助工具，使 UI 具有響應性

• Grid：Material Design 響應式版面配置格線可適應螢幕尺寸和方向，確保跨版面配置的一致性。
• Container：容器水平置中您的內容。它是最基本的版面配置元素。
• Breakpoints：API，可在各種情境中使用斷點。
• useMediaQuery：這是 React 的 CSS 媒體查詢 Hook。它監聽與 CSS 媒體查詢的匹配項。