断点

¥Breakpoints

内置断点让你轻松构建自适应布局。

可用的尺寸

¥Available sizes

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

¥Each breakpoint matches a fixed screen width. Values are min-width based and apply when the screen width is equal or greater.

用法

¥Usage

大多数组件的大小和布局 props 都会接受一个额外的 Responsive 对象形状，以便在断点处修改给定的 props。

¥Most component size and layout props will accept an additional Responsive object shape for modifying the given prop across breakpoints.

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

¥Each size maps to a corresponding key, the value of each will be applied when the screen size is greater than or equal to the named breakpoint.

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