流体和流体网格设计CSS之间的区别

Question

我无法确定流体和流体网格设计之间的区别。可以说流体布局中的任何元素都将共享一个最小的公分母，所以任何布局肯定都是基于LCD的网格。

Answer 1

基于网格的布局基于使用预定义的“列”，用于设置页面上元素的宽度。

您可能已经意识到，流畅的布局会按比例调整到浏览器宽度。对于流体网格系统而言，这仍然适用，并且还具有使用柱的附加优点。

与标准（或非网格）布局相比，网格布局具有更多优势：

• 设计一致性
• 快速，轻松的布局开发
• 鼓励不同页面元素之间的相关性和一致性
• 有助于产生视觉平衡的布局
• 通常允许在设置列数，装订线等方面具有灵活性。

流体网格系统只是一种具有流体风格的网格系统（列宽是比例而不是固定的）。

如果你还没有使用基于网格的布局，那么我绝对可以建议进入它们！

一些参考资料：

• （固定网格）http://960.gs/
• （流体网格）http://www.tinyfluidgrid.com/
• （固定，流体，固定网格，流体网格）http://twitter.github.com/bootstrap/scaffolding.html#gridSystem