960.gs网格系统的替代品?

时间:2012-03-19 11:43:04

标签: javascript jquery html css html5

我有兴趣使用这个系统,但我想知道是否有人找到了任何好的选择。特别是我正在寻找一些布局系统,这将允许我构建一个在浏览器,ipad和手机上运行良好的HTML5布局。

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

2 个答案:

答案 0 :(得分:5)

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

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

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

还有一些项目甚至使用960.gs网格作为基础,同时仍然适用于较小的尺寸,例如skeleton

我建议您查看320&up,因为它是响应式构建的绝佳资源。首先建立移动设备的理论并逐步为更大的视图加载更多的东西绝对是要走的路......

答案 1 :(得分:2)

我已经在很多项目中使用了960 GS,但他们正在寻找类似于你所追求的东西。我给了twitter bootstrap一个去,并对框架工作感到满意。它易于构建和定制。