响应式断点

内置的响应式断点让您轻松构建自适应布局。

可用尺寸

每个断点对应一个固定的屏幕宽度。值是基于 min-width 的，当屏幕宽度大于或等于时适用。

用法

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

每个尺寸都映射到相应的键，当屏幕尺寸大于或等于所命名的断点时，应用每个键的值。

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