反应网格布局断点

Question

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

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

Answer 1

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

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

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

react-grid-layout 的自述文件提到了 responsive props & breakpoints。