有这样的CSS框架吗？

Question

我正在寻找一个响应迅速，大（超过1000像素）的CSS框架，以及我可以在哪里做的事情：

大型设计：

正常设计：

移动设计：

有什么建议吗？我尝试了960.gs，Titan framework，1140 css grid和Golden Grid System，但我不确定我能在其中任何一个中做我想做的一切。

Answer 1

你需要的是Css3媒体查询..

http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/

检查链接

Answer 2

您希望通过检测屏幕尺寸来提供不同的CSS。

此工具执行此操作：Adapt.js（请同时查看Less）

使用Adapt.js你可以做这样的事情：

// Edit to suit your needs.
var ADAPT_CONFIG = {
  // Where is your CSS?
  path: 'assets/css/',

  // false = Only run once, when page first loads.
  // true = Change on window resize and page tilt.
  dynamic: true,

  // Optional callback... myCallback(i, width)
  callback: myCallback,

  // First range entry is the minimum.
  // Last range entry is the maximum.
  // Separate ranges by "to" keyword.
  range: [
    '0px    to 760px  = mobile.css',
    '760px  to 980px  = 720.css',
    '980px  to 1280px = 960.css',
    '1280px to 1600px = 1200.css',
    '1600px to 1920px = 1560.css',
    '1940px to 2540px = 1920.css',
    '2540px           = 2520.css'
  ]
};