有这样的CSS框架吗？ [关闭]答案

【问题标题】：Is there such a CSS framework? [closed]有这样的CSS框架吗？ [关闭]
【发布时间】：2016-01-08 03:34:27
【问题描述】：

我正在寻找一个响应式、大型（超过 1000 像素）的 CSS 框架，并且我可以在其中执行以下操作：

大型设计：

正常设计：

移动设计：

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

【问题讨论】：

它必须是一个框架，而您无法定制解决方案，有什么特殊原因吗？
getskeleton.com, twitter.github.com/bootstrap
不是真的......我只是网格系统的新手，想使用已经在使用和完善的东西

标签： css responsive-design css-frameworks

【解决方案1】：

您想通过检测屏幕尺寸来提供不同的 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'
  ]
};

【讨论】：

引导程序怎么样？虽然不确定它是否只能响应高达 940 像素？不过值得一看
是的，我的 bootstrap 不够宽
我会尝试不使用框架和/或使用 Adapt.js

【解决方案2】：

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

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

查看链接

【讨论】：