断点

内置断点使您可以轻松构建自适应布局。

可用尺寸

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

用法

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

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

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