请原谅我，但有人可以向我解释流体网格的用途，例如 cssgrid 上的特色。通过网格，我指的是那些列，有些是 9 列，有些是 12 列，有些是 24 列......
1）。网格是否用作背景或模板，以正确调整 DIVS 的大小和位置？
2）。在设计响应式网站时使用流体网格（9、12、24 列）是否必不可少，或者我可以只使用 CSS3 和媒体查询来定义断点吗？
3）。例如，列数之间有什么区别，为什么我要使用 9 列而不是 24 列。列数越高内容越多越好吗？
4）。为什么有这么多 Fluid Grid 发电机可用？是因为每一个都更好还是在某些方面不同？
谢谢
1）。网格是否用作背景或模板，以正确调整 DIVS 的大小和位置？
是的，差不多就是这样。您可以将网格想象成一个不可见的模板，以帮助调整 div 的大小和位置。由于您正在谈论响应式设计，因此网格列的宽度会有所不同，具体取决于浏览器浏览器窗口的宽度。
2）。在设计响应式网站时使用流体网格（9、12、24 列）是否必不可少，或者我可以只使用 CSS3 和媒体查询来定义断点吗？
网格旨在简化您的生活，但没有什么可以阻止您推出自己的解决方案，或者将自定义 CSS 样式与现成的流体网格框架混合使用
3）。列数之间有什么区别，例如，为什么我要使用 9 列而不是 24 列。列数越高内容越多越好吗？
您可以想象对于给定的窗口宽度，更多的列 = 更窄的列。您可能会发现更多的列可以让您更好地控制给定的页面布局，这取决于您的项目的具体情况。实际上，由于每个网格列之间的间距或间距，更多的列实际上会给您更少的内容空间。如果您正在考虑包括移动设备在内的响应式设计，那么在某些时候大多数网格框架开始将列显示为垂直堆栈，即：
1-2-3
变为
1
2
3
将手持屏幕分成 9 个垂直列不会很有用
4）。为什么有这么多 Fluid Grid 发电机可用？是因为每一个都更好还是在某些方面不同？
部分是个人喜好，您可能喜欢一个选项而不是另一个选项，部分是不同的功能。一些框架，如Foundation或Bootstrap，带有许多额外的 CSS 样式以及您可能希望使用的额外 javascript 资源。
玩得开心……这是网页设计的有趣时刻！
深入了解 ETHAN MARCOTTE - RWD 上的 Alist Apart。