较少的框架 - 响应式网站

时间:2012-01-23 17:31:06

标签: css responsive-design

我将开始我的第一个响应式网站,我为我的框架选择了Less - http://lessframework.com/

很容易设置为每个设备添加CSS,但它说它也是一个网格框架,但我没有看到任何网格css。这可以轻松添加,以便我自己轻松设置布局吗?设置这些东西我并不是那么好。

2 个答案:

答案 0 :(得分:2)

Less Framework不包含预定义的网格css。我们的想法是,它为您提供每个断点处网格中各列的宽度,然后您可以使用它来创建布局。

对于您正在寻找的内容,我建议您使用1140 GridGolden Grid System之类的内容。就个人而言,我认为Golden Grid非常酷,但它有它的问题(例如,它不支持IE6-8,根据你的项目,这可能是一个非常大的问题)。

如果您已经开始使用Less Framework,那么您肯定可以使用其中的值来滚动自己的网格CSS。如果你对此不满意,你可能会从另一个系统中受益。

答案 1 :(得分:1)

只是为了补充Alex说的话。

您可能想尝试使用网格包工具,它是一个GUI,可让您定义目标屏幕尺寸,然后导出相应的Less文件。

http://gridpak.com/about/

Twitter引导程序也使用较少的

http://twitter.github.com/bootstrap/less.html

希望这有帮助。