关于 响应式网格
响应式网格生成器帮助你为不同屏幕尺寸设置不同的列数和间距。移动端使用较少列数以节省空间，桌面端使用较多列数充分利用空间，平板作为过渡。
常见断点系统
- Tailwind：sm 640, md 768, lg 1024, xl 1280, 2xl 1536
- Bootstrap：sm 576, md 768, lg 992, xl 1200, xxl 1400
- Material：xs 0, sm 600, md 960, lg 1280, xl 1920
列数建议
- 手机（<640px）：1-2列，避免横向滚动。
- 平板（640-1024px）：2-4列，开始利用横向空间。
- 桌面（1024-1280px）：3-6列，多列展示。
- 大屏（>1280px）：4-12列，充分利用空间。
移动优先原则
建议采用移动优先（Mobile First）策略：默认样式针对手机，使用min-width媒体查询逐步增强到大屏。这样可保证手机性能和加载速度。