gumby 那些web大神们常用的响应式框架，你用过哪几个呢？

随着HTML5和CSS3的普及，响应式设计框架越来越普及，越来越受到站长和设计师的欢迎。然而，公众对反应框架有不同的态度和看法。有人认为一个懂HTML5和CSS3的专业设计师应该自己写框架，这样才能做出独特的网站；还有人认为响应性的设计框架可以方便设计师快速有效地搭建出实用美观的网站，在节省时间和精力方面是不可或缺的。在这个论点上，肖飞仍然支持后一种观点。肖飞认为，即使是经验丰富的Web前端开发人员也应该研究响应框架，这可以为我们提供一些参考和许多便利。在当今这个快速发展的时代，设计师编写制作网站的框架(合理安排网格、布局、媒体查询)太费时。此外，在使用响应框架时，设计师可以充分发挥自己的创造力，定制一些功能，制作创新的网站。肖飞将介绍一些设计师今天经常使用的响应框架，可以根据他们的实际需要合理使用。

靴襻

Bootstrap是Twitter推出的前端开发开源工具包。是目前最流行的HTML5框架，拥有国内最大的用户群和最高的人气。Bootstrap的口号是“简单、直观、坚韧，让web开发变得更快、更简单”，它确实在努力实现这一点:它基本涵盖了构建一个响应性网站的所有组件，比如Bootstrap编辑器和定制的jQuery插件，可以实现自定义表单元素、Java交互性、跨浏览器兼容性等多种功能。对于大多数站长来说，Bootstrap方便简单，建立一个美观、反应灵敏的网站也很快，这是他们的首选。肖飞也是它的粉丝。起飞页面自助建站平台的很多精美模板也是基于Bootstrap框架创建的。

如果有兴趣学习web前端的朋友，可以来我的web前端学习杨君，5753，08719，免费获取高质量的web前端学习教程！

但是，Bootstrap并不是无懈可击的。虽然Bootstrap兼容Chrome、Firefox、Safari、Opera、360、搜狗等浏览器，但它是基于HTML5和CSS3开发的，有些功能对IE浏览器不是那么友好，所以可能不会在IE浏览器上显示。另外，如果你的网站定制设计内容太多，使用bootstrap作为框架底层一般会涉及大量的样式复制，可能会造成CSS层面的混乱，不利于网站后期的维护。

基础

以灵活网格为基础，采用最新技术，Foundation已经成为高级响应前端框架的代表。它的整体框架设计是基于移动终端的，所以它的突出特点是在手机等移动设备上表现更好。同时，Foundation支持用户使用定制的服务(定义网格、颜色、字体大小等)。)，并提供Web的各种UI组件，如窗体、按钮等。，在操作和使用上足够灵活。相比于Bootstrap被广泛使用，Foundation在国内还是比较低调的，因为中文的文档和教程比较少。但是很多站长认为用Bootstrap框架做网站的人太多了，做出来的网站都像一个模子，无法让自己的网站在竞争中脱颖而出。此时，基金会将更倾向于制作一个高而独特的网站。但是这个框架也有自己的缺点，就是兼容性问题。基础4已经放弃了与IE8的兼容性。在国内浏览器环境下，肖飞很难对基金会的行为好坏下结论。

骨架

相比前两者，骷髅在国内用户眼中并没有那么高的地位。它使用简单的网格系统，集合了CSS和JS文件，使得基于Skeleton的网站可以根据不同分辨率的设备(电脑、平板、手机等)快速调整。)，使得用户界面更加友好，优化了用户体验。虽然Skeleton只定义了一些标准的HTML元素和960px标准模板，但并不影响一般网站的搭建要求。正是因为这个原因，它才易于使用，特别适合一些小项目。

金色网格系统

如果你对网格系统感兴趣，黄金网格系统绝对是你最好的选择。一开始它是以16列网格的形式出现的，但你也可以把它折叠起来，把窗口缩小到8、4列，以适应平板和手机的浏览。综上所述，它是一个增加网页设计兼容性的折叠网格，有四个明显的特点:列、页面展开、底线、。使用Golden grid系统框架制作网站有很多好处，比如可以帮助建立清晰规则的排版，增加网页的可读性；作为网页设计师和前端开发者之间的桥梁，方便他们交流；实现响应性，改变布局以适应不同尺寸的屏幕。这么多福利，你还没搬家吗？

少框架

少框架是经典的响应框架之一。它是一个自适应的CSS网格系统，覆盖四种布局和三种字体预设，满足电脑、平板、手机等不同窗口的需求。Less Framework的工作原理是在单个网格的基础上，通过改变布局列数和外边缘宽度来制作不同的布局。CSS作为一种非编程语言，对于很多设计师来说都很难。Less的出现正好解决了这个问题，极大的简化了CSS代码的编译，降低了网页的维护成本，让设计人员可以用更少的代码做出更好的网站。这一点与其名称呼应较少。难怪这么多设计师爱上这个框架。

冈比

如果你是响应性网站设计的新手，Gumby框架绝对是你入门的好地方。Gumby是一个基于SASS(一个CSS扩展语言解析器)的响应性CSS框架。它带有模板和网络用户界面工具包，并有各种漂亮的按钮，表格，导航，标签和JS文件，具有快速的响应速度。它还支持无代码设计。即使不懂技术，操作简单，使用方便，后期维护没有任何障碍。

320及以上

该框架首先面向小屏幕，使用小屏幕样式表，包含颜色、布局等一些设置属性，从而保证网站内容的优先级。小屏幕可以很好的适应，大屏幕也没有问题。

1140px CSS网格系统

一个反应灵敏的网站不仅仅意味着满足小分辨率设备的需求，还需要在一般的电脑屏幕上显示良好，适应分辨率更大的布局。1140网格框架可以做到这一点，可以完美适应1280分辨率显示。在较小的显示器上，可以根据浏览器的宽度变成流体形式，自适应地浏览窗口。