问题标签 [cascade-framework]

我对使用 Nicole Sullivan 的面向对象的 CSS哲学/编码方法/其他的好处感到很满意。特别是，我热衷于在我目前正在构建的站点中使用诸如“媒体块”之类的原则。

然而，它捆绑了一个液体式网格系统，我们的设计师目前正在构建一个严格的960 网格宽度系统。960 网格系统使用固定的 12 或 16 列布局，每个布局由 40 或 60 个像素组成。OOCSS 将布局分成 1/2、1/3、1/4 或 1/5 部分的流体分区。

960.gs 具有固有的“装订线”边距，每列 10 像素。OOCSS 在列之间没有边距，因为它们可以是任何宽度，而是在内容元素之间提供边距，以便将内容和容器分开。

将这两个框架中最好的一个混合并匹配到我们公司的 CSS 样板文件中是不是一个坏主意？OOCSS 网格框架的流动性是否使其不适合刚性 960 页面宽度？我们也在使用 HTML5 样板。

我问这个是因为我已经发现，当尝试将某些框架与 OOCSS（例如 SASS）合并时，两种方法可以相互正交，最好选择一个并坚持使用它 - 但这可能并不总是就是这样。

我需要一个对 Internet Explorer 友好的 CSS 框架。它还需要与 jQuery 兼容（通过兼容，我的意思是可以很好地工作）。

我需要能够基于此布局设计轻松创建网站。我知道这是一个非常愚蠢的问题，但我只是在为网站设置简单布局时很垃圾，我更喜欢服务器端编程。

我已经尝试过 Blueprint CSS 并成功创建它，但它与我的 jQuery 或Spark JS混淆了。所以蓝图对我来说是不行的。

我是Bootstrap的快乐用户。

但我们现在大部分用户来自中国，IE6 占 37%。
所以我们必须放弃不支持 IE6的 Bootstrap 。

任何类似于 Bootstrap（简化 HTML/CSS 布局）的库也支持 IE6？

我为我的客户做了一些网站，但我知道这些在 IE7 中运行得不是很好，仍然有 3% 的人在使用 IE7 :( 什么是修复它的超级快速方法。你可以参考我的一些文章或一些js解决方案。请指教！

我正在使用Cascade Framework，并且有一个带有徽标、选择和外部站点链接的简单标题。

我的小提琴在这里

布局是否与桌面模式一样。在响应模式下，它看起来像：

而我希望在响应模式下进行以下操作：

这些答案建议使用 flexbox 或 jquery。我不能使用 flexbox，因为我需要 ie8 支持。我也宁愿不必求助于 jquery，因为这似乎应该是一个相当直接的 css 解决方案。该页面上的另一个答案显示了我一直在尝试适应我的用例的大量 css，但也没有解决问题。

我不了解（任何）CSS 框架中的网格嵌套。

我正在使用具有 24 列网格的Foundation CSS 框架 - 一列 = 4.16667%，二 - 8.33333%，十二 - 50% 等。

这是我的 1920 像素浏览器宽度的网格 — 左侧部分 = 10 列 (41.66667%)，右侧部分 = 14 列 (58.33333%) — Codepen。

在右侧部分有一个标题和一个内容块：

标题有 1 列填充（在 Foundation 中称为 «push»）：

— 正如您在附加的图像标题上看到的那样，它不适合网格。

内容块为 5 列宽：

——正如你在附图中看到的那样，这个块不适合网格——它不是 5 列宽。

这是绝对正确和明显的——右块是 58.33333% 宽，所以所有内部块的宽度百分比将相应地计算这个块宽度，而不是整个窗口宽度。

我的问题是——如何为父块内的嵌套块拟合网格？

密码笔

这更像是一个辩论而不是一个问题，但我觉得互联网上没有很多关于这个话题的内容。

例如 Foundation 带有数百个 !important 标记，用于在我看来不需要它们的东西：

有很多 css 与此类似，在我看来这是不好的做法，我想回答的问题是 css 框架为什么要使用它们？Bootstrap 和 Foundation 是两个都使用它们的主要 css 框架。

我一直被告知在 css 中使用重要的标签是非常糟糕的做法，应该只用于 IE。

假设我正在从事一个 SPA 项目，该项目有两个不同的 CSS 框架，它们之间必须共存：一个“新的和新鲜的”框架和另一个“旧的和痛苦的”框架。我们 Web 应用程序的每个模块都应该使用新的 CSS 框架来完成，但是旧的具有如此激进的规则，它会覆盖我们新框架的一些基本规范化/重置规则并影响新的 css。一个例子：

旧框架.css

我考虑过不同的解决方案，但没有一个对我有用：

• 对新框架使用 css 命名空间。避免修改旧样式很好，但是如果您有一个新模块，其中包含新 css 的模块中包含旧 css 怎么办？这个新模块将包含很多 css bin。

• 创建一个巨大而疯狂的 css “规范化”文件，它会删除新框架不需要的所有 css 规则。您的旧 css 框架越大，您必须添加的规则数量就越多，以删除以前的样式。这对“恢复”“初始”浏览器样式的 Web 性能产生了巨大的影响。

• 两者的结合：新框架具有 css 命名空间，旧框架在文件末尾包含“规范化”样式。这是我目前在我的特定情况下能够找到的最佳选择，但我想相信另一种解决方案是可能的。

你如何处理这个问题？在您看来，处理它的最佳策略是什么？

我正在尝试使用我自己的自定义 css 在我的网站上达到最佳 css 实践，直到我发现我可以使用 css 框架，例如 bootstrap 或 Foundation zurb。我认为直接使用这样的框架而不需要制作我自己的自定义 css 是可能的，但事实证明，所有 css 框架都仅限于某个点，但我需要添加额外的自定义 css，以便我的网站看起来像我想要的那样。

我想使用 css 框架，因为它是通过 CDN 提供服务的，因此没有额外的带宽，而且加载速度和性能也是如此。

现在我的问题是，是否可以在网站上仅使用 css 框架而无需添加自定义 css？

还有如何创建我自己的自定义 css 并@import在自定义文件中使用 css 框架，这是一个好习惯吗？

谁能启发我一种有效的方法，为我的网站提供带/不带 css 框架的 css 文件？