请原谅我，但有人可以向我解释流体网格的用途，例如 cssgrid 上的特色。通过网格，我指的是那些列，有些是 9 列，有些是 12 列，有些是 24 列...
1)。网格是否用作背景或模板，以正确调整 DIVS 的大小和位置？
2)。在设计响应式网站时必须使用流动网格（9、12、24 列），还是我可以只使用 CSS3 和媒体查询来定义断点？
3)。例如，列数之间有什么区别，为什么我要使用 9 列而不是 24 列。列数越高内容越多越好吗？
4)。为什么有这么多可用的流体网格发生器？是因为每一个都更好还是在某些方面不同？
谢谢
【问题讨论】：
标签： css grid responsive-design media-queries fluid
与 ETHAN MARCOTTE 一起深入了解 - Alist Apart on RWD.
【讨论】：
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 资源。
玩得开心……这是网页设计的有趣时刻！
【讨论】：