为了适应不断增大的屏幕尺寸，我们在 ProtoLayout Material 布局模板和 Figma 设计布局中整合了响应式行为，使插槽（slots）能够自动适应。从本质上讲，插槽旨在填满可用宽度。我们的边距设置为百分比，并在屏幕底部和顶部的插槽中增加了额外的内边距，以应对屏幕随尺寸增大而产生的曲率变化。
为了充分利用更大的屏幕尺寸和额外空间，请考虑利用这些额外空间来提供更多价值，让用户能够访问更多信息或选项。实现这些布局需要超越内置响应式行为的额外自定义。这可以通过在断点之后向布局添加更多有用的内容来实现。需要注意的是，推荐的断点设置为 225dp 的屏幕尺寸。
基本术语
响应式设计：一种设计方法，通过该方法，布局可以动态格式化和定位按钮、文本字段和对话框等元素，以实现最佳的用户体验。通过采用响应式设计实践，在更大的屏幕上自动为用户提供额外价值。无论是让用户一眼看到更多文本、在屏幕上显示更多操作，还是提供更大、更易于点击的目标区域，响应式实践都能为大屏用户提供增强的体验。
自适应设计：一种设计方法，界面会根据已知的用户、设备或环境条件进行更改。Material 中的自适应设计包括布局和组件的调整。
构建响应式和优化的设计
为确保您的设计布局能够适应更大的屏幕尺寸，我们更新了布局和组件的行为，使其具有内置的响应式特性，包括基于百分比的边距和内边距。如果您使用的是我们的 ProtoLayout 模板，则可以通过 ProtoLayout API 和 Beta 版发行说明自动继承这些更新。您仅需在屏幕尺寸断点之后添加了额外内容或组件的情况下，才需要提供特定的布局。有关如何利用更大屏幕尺寸的完整指南和建议，请查看我们的微件 (Tiles) 指南。微件具有固定的屏幕高度，因此我们调整了内边距，以在不产生多余裁剪的情况下最大限度地利用有限的屏幕空间。