javascript - 960.gs 网格系统的替代品？

Question

我对使用这个系统很感兴趣，但我想知道是否有人找到了任何好的替代品。特别是我正在寻找一些布局系统，它可以让我构建一个在浏览器、iPad 和手机上都能正常工作的 HTML5 布局。

有人对我应该考虑的其他布局方法有任何建议吗？

Answer 1

在构建适应多种布局尺寸/设备的响应式网站时，网格是很棘手的，因为网格系统(当然是 960.gs)通常依赖于固定宽度的容器。

但是，根据您处理响应式构建的方式，您仍然可以为桌面 View 使用网格系统。例如。我通常从与 320&up 多链接样式表相同的 Angular 来处理响应性。这使得仅在桌面 View 中加载特定网格系统(通常为 960.gs)变得容易。这样，您的标记可以具有网格系统所需的类，例如grid_12，没有固定宽度搞砸了移动 View 。

也就是说，有一些响应式网格系统被证明很受欢迎并且易于使用，例如 1140 fluid grid .您也可以尝试 fluid 960 grid

还有一些元素甚至使用 960.gs 网格作为基础，同时仍然适合较小的尺寸，例如 skeleton

我建议您看看 320&up因为它是响应式构建的重要资源。首先为移动设备构建并逐步加载更多内容以获得更大 View 的理论绝对是可行的方法......