css - 选择 CSS 网格/框架

标签 css grid css-frameworks

有许多网格和框架可供选择。谷歌搜索 CSS 框架将返回十几篇文章,这些文章本身列出了许多可供选择的框架。

在选择一个时,如果对所有这些都没有深入了解,很容易迷失方向。

选择 CSS 框架的主要因素是什么,这些选择将如何映射到某些框架?

更一般地说,如何选择 CSS 框架?

注意 1:我在这里几乎可以互换使用“网格”和“框架”,但我可能应该使用其中一个。欢迎对此进行更正。

注 2:我很清楚某些选择将取决于品味,因此,这个问题可以变成“最佳”竞赛/主观主题。我试图让它尽可能地负责,因为我很确定很多人都有选择框架的问题/问题,而对此的答案将使社区受益。因此,欢迎对这个问题进行改进,而不仅仅是关闭它。

最佳答案

选择框架时,请考虑以下问题:

语言 : 有些框架是用 SASS 写的。其他的则用 LESS 编写。还有一些是用纯 CSS 编写的。选择一个用你最熟悉的语言编写的框架。

特色 : 有些框架只提供一个网格。其他人添加排版。还有一些人添加了一大堆自定义 UI 元素。选择一个与您想要的功能最匹配的框架。您不想要一个功能太少或臃肿且包含许多您从未打算使用的功能的框架。

模块化 :您不想用自己的自定义代码覆盖框架输出的 50%。如果您确实选择了一个功能比您需要的功能更多的框架,请确保它的模块化程度足以轻松摆脱大部分代码膨胀。

响应能力 :如果您希望页面具有响应性,请选择响应式网格。

跨浏览器支持 :如果您的元素需要支持旧版浏览器,请确保您选择的框架支持您需要支持的所有浏览器。

我建立了自己的框架Cascade Framework因为没有一个框架能以我希望的方式回答这些问题。随意检查一下。

关于css - 选择 CSS 网格/框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13010117/

相关文章:

html - 我如何CSS两个圆形边框框的 "fusion"

css - Safari 在右侧留有 100% 宽度网格的空间

像 960 和 Blueprint 这样的 CSS 框架?

css - 我们可以在任何设计中使用 Css Grid 框架吗?

javascript - Zurb/Foundation 框架 : how to align top-bar-section to the left instead to the right

jQuery UI 自动完成包装结果

javascript - 单击复选框时如何更改按钮的颜色

HTML 和 CSS 响应错误

ExtJS 4 在网格中显示来自多个商店的数据

java - 简单的 PixelGrid,我可以用鼠标绘制大像素(选择分辨率)?