我已经使用960gs获得了一些页面的第一版（我不是设计师，但希望在将它交给一个之前有一个近似的布局）。它对我有很大的帮助，但现在我想知道是否有一个CSS网格框架，其中的列将扩展/缩小以利用浏览器窗口中的所有可用空间。使用960像素的960像素顶级容器，即使在我的低矮的1280像素宽的屏幕上，两侧都有大量的空带。css网格系统的列宽度是动态确定的吗？
如果浏览器窗口大于预期，是否有替代网格系统可以定义某个列以“增长”？
非常感谢！
拉拉
查看关于fluid grids和example的此文章。另见this example。
我会用Unsemantic它来自Nathan Smith，他开发了960.gs.
要么是这样，要么您可以customize Twitter Bootstrap，这样您只需采用响应式网格，而省去了可能对您的项目不必要的所有其他功能。
Cascade Framework的网格系统可以做到你想要的......而且还有很多很多。
如果您使用标记<div class='site-center'></div>，您将获得一个具有固定宽度的居中div（用于桌面）（宽度根据浏览器宽度的不同而不同）以及移动设备的全部可用宽度。但是，您可以放弃该标签并在桌面上使用全部可用宽度。作为其实施的示例，参见this website。
网格元素本身是基于百分比的。这意味着他们填满了一定比例的可用宽度。开箱即用，Cascade Framework的网格系统支持60％/ 40％，25％/ 75％，33.33％/ 66.66％，20％/ 20％/ 20％/ 20％/ 20％，43.75％/ 31.25％/ 25 ％，30％/ 30％/ 40％以及更多的组合。实际上，您甚至可以使用42.8571429％/ {fill to 100％}，{fit content}/{fill to 100％}或{fit content}/30％/ {fill to 100％}等组合。
为了能够使用Cascade Framework的网格系统，我建议您使用文件'build-full.min.css'（约8kb缩小+ gzipped）或文件'build-full-no-icons.min .css'（约10.8kb缩小+ gzipped）放在文件夹'assets/css/cascade/production中，取决于您是否要包含对its icon set的支持。你也可以创建你自己的版本，只选择你想要的模块。为了简洁起见，我正在跳过关于如何做到这一点的细节。如果有什么不清楚创建你自己的版本，并且你想知道更多关于这个，请给我一个下午，以避免太离题。
在级联框架网格元素是
以下一种HTML元素：部分，主，文章，页眉，页脚，除了或NAV（这些元素polyfilled与HTMLshiv旧IE以防你需要它）。
带'col'类的div元素（可以在没有polyfill的旧IE中使用）。
向宽度添加到栅格元件，添加一个类的格式 '宽度XofY'，这里Y可以是2，3，4，5，6，7，8，9，10 ，12,16或24，X可以是任何低于X的值。
更具体地说，下面是一些您可以在Cascade Framework中使用的有效类的示例：'width-1of2'（width：50％）， （width：3of4'（width：25％），'width-2of5'（width：40％），'width-2of5'（width：40％），'width-2of7'（width：28.5714286％）and' 13of16'（width：81.25％）
除了这些类以外，还可以使用分别适合这些类的“宽度匹配”和“宽度填充”类内容并填写任何剩余的100％宽度。或者，您可以定义自己的类和ID，并为这些类添加自定义宽度，以“语义”方式进行操作。
如果您的版本包含响应模块（推荐版本的情况），则所有网格元素的宽度将在移动设备上自动重置为100％。您可以使用类似'mobile-width-3of16'，'phone-width-3of7'或'tablet-width-2of4'的类来自定义不同宽度范围的布局，以及班级的“桌面隐藏”，“隐藏的移动” ，'手机隐藏'或'平板电脑隐藏'隐藏特定屏幕的范围内容。请参阅http://www.cascade-framework.com/grid.html和http://jslegers.github.io/responsiveness/。
尝试Dead Simple Grid。您可以将列设置为固定宽度或百分比宽度。设置为百分比将动态填充可用空间。它非常简单（整个CSS代码是250字节！），但令人惊讶的是强大。
虽然它们存在，但它们或多或少地打破了网格设计的目的，让用户能够破坏设计师努力实现的视觉节奏，更不用说引入可能具有完全不合适长度的类型的线条为字体和/或领导。 – 2009-12-26 09:54:12