fluid CSS框架

Question

我在谷歌上搜索了一整天，寻找一个轻量级的网格框架，但希望得到一些流畅和响应式的东西--也许我的需求相互冲突。

我已经研究了inuit.css和bootstrap以及介于两者之间的所有东西。

理想情况下，我会找到一些低级的东西，比如reset.css和一个简单的网格系统，然后从那里开始构建。

这是一个网站后端的管理面板，所以960网格并不是我真正想要的。理想情况下，应用程序应该使用媒体查询来消耗所有可用的空间，当屏幕空间非常宝贵时，媒体查询会隐藏一些不太相关的部分。

真的有这样的事情吗？似乎我看到的每个框架都将所有内容居中，当我最大化我的窗口内容时，只是居中。

Answer 1

我的框架Jeet 3将很容易做到这一点。

header
    background blue
.left_sidebar
    col(1/4)
.main
    col(3/4)

..would在顶部创建了一个标题，上面有一个蓝色的bg，一个1/4的左边栏与左侧齐平，边栏旁边的一个主容器(由流体间隔)占据了3/4 (其余的)。

如果你想添加一个与侧边栏的宽度相匹配的徽标，以及与你的徽标相差1/4的导航，那么……

header
    background blue
    .logo
        col(1/4)
    nav
        col(2/4, offset: -1/4)
        a
            col(1/4)
.left_sidebar
    col(1/4)
.main
    col(3/4)

不想要排水沟？请改用span()。

只要你通过parent ratio context，任何片段和/或decimal

• Gutters都是一致的，只要你通过parent ratio context(查看演示screencast)

• Jeet主要是一个网格系统，但是

• IE8+与Axis CSS团队，这就像一个漂亮的UI IE7 Stylus，这很容易成为最性感的预处理器。它很灵活，所以你可以使用过多的语法，它将会工作。

https://github.com/CorySimmons/jeet/

Answer 2

你试过Foundation 4吗？您可以自定义框架，并且只下载网格框架。

Answer 3

为了不知羞耻地自我推销，我会把我的加入竞技场：Loxley。

它本质上是一个包含一组媒体查询和网格系统的单一CSS文件。