Responsive design 流体CSS框架

Responsive design 流体CSS框架,responsive-design,css-frameworks,Responsive Design,Css Frameworks,我在谷歌上搜索了一整天,寻找一个轻量级的网格框架,但我希望它具有流动性和响应性——也许我的需求相互冲突 我已经研究了inuit.css和bootstrap以及两者之间的所有内容 理想情况下,我会找到一些底层的东西,比如reset.css和一个简单的网格系统,然后从那里开始构建 这是一个网站后端的管理面板,所以960网格不是我真正想要的。理想情况下,应用程序应该使用媒体查询来消耗所有可用空间,隐藏屏幕不动产溢价时不太相关的部分 有这样的事吗?似乎我看到的每一个框架都以中心为中心,当我最大化窗口内容

我在谷歌上搜索了一整天,寻找一个轻量级的网格框架,但我希望它具有流动性和响应性——也许我的需求相互冲突

我已经研究了inuit.css和bootstrap以及两者之间的所有内容

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

这是一个网站后端的管理面板,所以960网格不是我真正想要的。理想情况下,应用程序应该使用媒体查询来消耗所有可用空间,隐藏屏幕不动产溢价时不太相关的部分

有这样的事吗?似乎我看到的每一个框架都以中心为中心,当我最大化窗口内容时,都以中心为中心。

你试过了吗?您可以自定义框架,只需下载网格框架。

我的框架可以轻松完成这项工作

header
    background blue
.left_sidebar
    col(1/4)
.main
    col(3/4)
…将在顶部创建一个带有蓝色背景的标题,一个与左侧齐平的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()

  • IE8+具有适当的IE7退化
  • 接受任何分数和/或小数
  • 只要通过父比率上下文(检查演示屏幕广播),嵌套时水槽是一致的
  • Jeet主要是一个网格系统,但是使用Axis CSS标记团队,这就像一个漂亮的UI库
  • 内置触控笔,是最性感的预处理器。它是灵活的,所以你可以使用大量的语法,它会工作

为了无耻的自我推销,我将把我的投入拳击场:


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

我已经研究过了,是的……但它仍然相当大(像引导),不是吗?它支持流动性吗?如果你下载整个软件包,它会很大。我建议只下载网格系统的CSS。自定义下载>仅检查网格。它大约是7K,在我看来是相对较小的。
而且它的网格是流动的。我很久以前就选择了yahoo pure…它非常紧凑,几乎不需要转储…你有没有提出过一个满足你需要的框架…我也在同一条船上。。。