我对网页设计与CSS网格系统（如 960.gs ）的响应速度有点混淆。
Nathan Smith（创作者或960.gs）不久前提出了adapt.js，并检查了捆绑的样式表（mobile.css，720.css和960.css来命名很明显，网格列的数量是不变的，只有各列的宽度和它们堆叠在一起的方式会发生变化。
另一方面，978.gs 似乎遵循不同的模式：
起初，我虽然没有多大意义，所以我和开发人员讨论了这个问题。他回答说，根据设备宽度，提供不同的CSS 和 不同的标记是一种常见做法。
这种方法对我来说似乎有点奇怪，因为如果你愿意重写整个HTML标记，你也可以使用相同的网格系统（例如16个），只需更改所有{{1} }类到.grid_{x}以适应更小的屏幕......对吗？
adap.js方法似乎更容易实现和管理，但我也可以发现一些警告：图像或文本片段如何在.grid_{x*2}类中很好地适应？因为2520.css变体的宽度范围可以从grid_3到auto到甚至220px吗？
那么，关于响应式网页设计和网格系统的当前最佳实践是什么？ CSS媒体查询是否会影响网格（列宽）？事实上，我倾向于认为最好的方法可能是提供单个标记和样式表，让浏览器进行渲染/缩放。
我非常喜欢绿色，所以感谢任何帮助 - 谢谢。