断点是什么

发布时间：2025-10-07 | 来源：互联网转载和整理

断点（Breakpoints）其实是控制页面进行布局变化的一系列数值。再简单点说就是当页面到达某一个断点值时，页面的排版就会发生变化。

关于断点你需要建立以下认知概念：

1. 通常情况下，一款产品的断点数量，在 4-6 个为宜，因为如果基于每一个断点都给出一套页面排版方案，那么断点的数量越多，产品页面被拉伸时的变化就会越顺畅，同时产品的设计和开发成本也会越高。

2. 断点值，没有绝对的数值规范，你可以根据你产品的页面布局和尺寸来确定，也可以按照你的用户常用的设备来设定。你也可以认为：当你的页面的宽度被挤压变窄，使得排版布局不得不发生变化时，就可以给出一个页面的断点值。