与自动调节我想知道是否有以下几列

Question

数流体网格是可能的CSS：

• 电网的DIV，在任意数量的列，假设N（这可以从5是在任何地方20或更多）
• 网格应该是流动的，即每个DIV合同并随着浏览器宽度的变化而扩展，使得DIV在特定浏览器宽度下取100％的浏览器宽度，网格切换到N -1列布局，即丢失一列，并且DIV再次扩展以适应浏览器宽度
• 个过程应重复，直到布局成为基于单个列，再次与宽度的DIV是流体

I'T那种硬的把单词，但它应该表现类似于图像在这个page，但它应该一路下降到一列，而不是立即从三列跳到六列。

我知道我可以用Javascript做到这一点，因为它是在上面的链接，与@media查询（有很多手动摆动列宽），但我想知道有没有办法做到这一点只有在CSS中，并让浏览器为我做的工作？

谢谢。

Answer 1

您是否考虑过使用Twitter Bootstrap Grid系统？或者至少审查和采用类似的系统？ http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem与他们的'响应'网格CSS（或任何他们称之为）。

下面是网格系统的一个例子。 http://jsfiddle.net/rlemon/yS78x/1/

它利用媒体查询，就像你上面提到的那样......但它已经适合你，IMO是一个更容易采用的网格系统。