假如我们在 PC 上制作了一个标题文字大小是 60px，这在 PC 上看起来很和谐，但是在手机上文字却显得很大，这时我们就需要使用 “断点” 来针对手机端设置不同的文字大小。

Creght 内置了三个断点，即 Pc, Pad, Mobile，通常能够满足使用，不过你也可以点击断点组件上的“ + ”号，添加系统提供的默认断点或自定义断点。

除了改变文字大小，断点还有更多用处，下面将举例说明。

断点的作用 - 改变布局

PC 上有更大的显示空间，所以内容通常会横向排列，但是手机上由于横向空间更小，所以通常内容是纵向排列，要实现这个效果可以给容器组件（Frame）设置不同的 “方向” 来实现：

PC 设置：

手机设置：

断点的作用：改变组件变形

在制作网站时我们一般会将导航封装成一个组件，这是因为导航会在多个页面之间共用。同时如果我们想在手机上和 PC 上分别制作不同的导航时，我们可以为导航组件制作两个不同的变形，然后再 手机下选择对于的变形。

假如我们已经做好了拥有两个变形的组件：

（你可以在插入面板 - 头部 找到这个导航组件模板）

然后在 手机 断点下选择这个 mobile 变形即可：