css - Fluid 和 Fluid Grid 设计 CSS 的区别

Question

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

Answer 1

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

您可能已经知道，流动布局会根据浏览器宽度按比例调整。这仍然适用于流体网格系统，并且还具有使用列的附加优势。

与标准(或非网格)布局相比，网格布局具有更多优势:

• 设计一致性
• 快速、简单的布局开发
• 鼓励不同页面元素之间的相关性和一致性
• 有助于产生视觉上平衡的布局
• 通常允许在设置列数、间距等方面具有灵 active 。

流体网格系统只是具有流体样式的网格系统(列宽是成比例的，而不是固定的)。

如果您还没有使用基于网格的布局，那么我绝对建议您使用它们!

给你一些引用:

• (固定网格)http://960.gs/
• (流体网格)http://www.tinyfluidgrid.com/
• (固定、流动、固定网格、流动网格)http://twitter.github.com/bootstrap/scaffolding.html#gridSystem