断点

内置断点允许您轻松构建自适应布局。

可用尺寸

每个断点都匹配一个固定的屏幕宽度。值基于 min-width，并在屏幕宽度等于或大于该值时应用。

用法

大多数组件尺寸和布局属性将接受一个额外的 Responsive 对象形状，用于跨断点修改给定属性。

每个尺寸对应一个键，当屏幕尺寸大于或等于命名断点时，将应用每个键的值。

<Heading
  size={{
    initial: '3',
    md: '5',
    xl: '7',
  }}
/>