reactjs - 反应网格布局断点

Question

我正在考虑使用react-grid-layout组件，但在解释术语时文档并不好。以下是我的问题：

1. ReactGridLayout 和 ResponsiveReactGridLayout 有什么区别？“响应式”究竟是什么意思？
2. 对于 ResponsiveReactGridLayout，“断点”是什么意思？为什么我们需要它以及应该如何设置它？

Answer 1

听起来您不熟悉响应 UI。简而言之，您的应用程序如何适应以不同的屏幕尺寸显示 - 通常是桌面与移动。

像 bootstrap 这样的框架通过提供开箱即用的支持来普及响应式 UI。引导文档解释了断点。

在这种情况下，网格列的数量会根据屏幕分辨率（通常以像素为单位的宽度）而变化，它将在命名分辨率（断点）之间切换 - 'lg'、'md'、'sm'、'xs' 等。

react-grid-layout 的自述文件提到了响应式道具和断点。