Grid 选择CSS网格/框架

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

当选择一个时，如果不了解所有的人，很容易迷失方向

选择CSS框架的主要因素是什么？这些选择将如何映射到特定的框架

一般来说，如何选择CSS框架？

注1：我在这里几乎可以互换地使用“网格”和“框架”，但可能有一个我应该使用另一个。欢迎对此进行更正

---

注2：我很清楚，有些选择取决于口味，因此，这个问题可能会变成“最佳”竞赛/主观主题。我正在尽可能地让它负责，因为我很确定很多人都有这样的问题：选择一个框架和一个对社区有益的答案。因此，欢迎对此问题进行改进，而不仅仅是结束它。

您可以立即提出的一个问题是：

我是否希望框架具有响应性

这个问题的答案将从你的列表中划掉许多选项

---

我问的另一个主要问题是项目背后有什么样的社区支持。从我的经验来看，投资一个特定的项目是一种痛苦，而不是让它死去而得不到支持。拥有关键支持者和大量追随者是一件好事。

首先要做的是web项目的要求和目标

1。您是否只针对移动用户？

如果你想要一个Web应用，你需要的不仅仅是CSS框架，一个通过Javascript将特定目标设备UI的外观与功能元素结合起来的移动框架。下一个决定将是该框架是否能更好地支持更小的智能手机屏幕、平板电脑屏幕或两者兼而有之

如果你不需要更具功能性的Web应用程序，那么最好的方法就是使用响应性更强的框架。您必须专注于如何在不同屏幕分辨率下排列和排序某些页面元素，以及在较小分辨率下可以关闭哪些页面元素。（这有时会导致利益相关者围绕什么（更重要）和什么不重要展开政治辩论）

2。您是否同时面向移动和桌面用户？

您需要一个支持响应式或流动式布局的框架，以最大限度地支持您的客户。如果您必须制作的图形设计更加静态，则响应路线更适合，因为它允许在断点内的不同阶段更轻松地进行规划。大多数设计师目前都采用灵活的方法，轻量级、优雅、有代表性，不像门户网站那样允许流畅的实现（其中某些或所有页面元素允许根据客户端/浏览器的视口进行拉伸或增长）

3。您是否只针对传统受众？

然后，只需选择您确信能够实现最简单的框架。设计师使用网格了吗？那么可能CSS框架就适合它了。一些CSS框架为Gimp、Photoshop、Illustrator和其他工具提供了各种各样的设计模板，因此，也许设计可以基于模板，从而实现最佳的实现

另外两个考虑因素：

A.没有平面设计

如果你开始没有明确的设计模板，我会选择一个框架，允许轻松集成排版，提供大量的例子，用例，预定义的页面元素或组件（按钮，导航，拇指…）

B.时间限制

没时间了？有些框架自带自己的或第三方定制脚本或向导。选择您需要的元素或组件，打开或关闭某些JS库，重置样式表，诸如此类的事情，然后下载最终的包。就这样

有些框架已经相当成熟，并且经过了很好的测试，因此缺少一个充满活力的社区可能不会告诉你太多。根据您的技能，可能不需要大量的支持（甚至是一个坏迹象：网格/框架应该简单，远离您的方式。可能出现的问题应该是常见的CSS问题，即使没有底层框架的细节也可以回答）

两个示例说明了两种方法（更具响应性）：

一定要看看。按照“查看幻灯片”链接阅读精彩的背景信息。一个真正的网格系统。它还链接到支持流体和弹性外观的衍生产品

现代的，好的宣传。很多组件。可定制的。反应迅速

网络应用程序：

---

而且

考虑到推特推出的Bootstrap的用户界面设计师，我不会仅仅称之为围绕该框架的炒作。它是优秀的代码和最完整的框架。gs是一个网格系统，boostrap称之为脚手架。Bootstrap也对智能手机友好。因此，有人必须将jquerymobile、jquery、960.gs以及他们需要的所有插件整合在一起。BooSRAP已经绑定了大量的资源，让您开始使用并在所有浏览器和电话/表上工作。

< P>选择框架时，请考虑以下问题：

语言：一些框架是用SASS编写的。其他人用更少的语言书写。还有一些是用纯CSS编写的。选择一个用您最熟悉的语言编写的框架

功能：一些框架只提供网格。其他人增加了排版。还有一些添加了一大堆自定义UI元素。选择一个最符合您需要的功能的框架。您不希望框架具有太少的功能