最常用的几款自适应网站开发框架。

随着HTML5和CSS3的普及，开发人员和设计人员对响应网页的需求越来越多。然而大家对响应式框架却有不同的看法。有人认为一个懂HTML5和CSS3的专业前端应该自己写框架，这样才能做出最有特色的网站。也有人认为响应式设计框架可以方便前端快速有效地搭建实用的网站，在节省时间和精力方面大有用处。关于这个论点，我们更倾向通过技术来支持。

我们认为即使是有经验的前端开发也要好好研究一下。可以给我们提供一些便利。在今天这个互联网高速发展的时代，开发写框架做网站太费时间了。此外在使用响应式框架时，工程师还可以充分发挥自己的创造力，定制很多功能，制作有新意的网站。今天我们就来介绍一些目前前端经常使用的响应式框架。可以根据自己的需求选择合理的框架使用。

Bootstrap

Bootstrap是Twitter推出的用于前端开发的开源工具包。它是目前最流行的HTML5框架，在中国拥有最大的用户群和最高的知名度。Bootstrap的口号是“简单、直观、强大，让web开发更快更简单”，也确实在努力实现这一点:基本涵盖了Bootstrap编辑器、自定义jQuery插件等所有搭建的组件，可以实现自定义表单元素、Javascript交互性、跨浏览器兼容性等多种功能。对于大多数站长来说，Bootstrap方便简单，建立一个更漂亮的响应式网站也非常快，是他们的头号选择。

然而，Bootstrap并不是无懈可击的。Bootstrap虽然兼容Chrome、Firefox、Safari、Opera、360、搜狗等浏览器，但因为是基于HTML5和CSS3开发的，所以有些功能对IE浏览器不那么友好，在IE浏览器上可能会出现一些问题。还有，如果你的网站定制设计包含的内容过多，使用bootstrap作为框架的底层进行修改，一般会涉及到大量的样式重复，可能会造成CSS层次的混乱，不利于网站的后期维护。

Foundation

Foundation基于的柔性网格，采用最新技术，已经成为先进的响应式前端框架的代表。它的整体框架设计理念是移动终端优先，所以它的突出特点是在手机等移动设备上表现更好。同时，Foundation支持用户使用定制服务(定义网格、颜色、字体大小等。)，提供了Web的各种UI组件，如表单、按钮等。，在操作和使用上足够灵活。相对于Bootstrap的广泛使用，Foundation在国内比较低调，因为几乎没有中文版的文档和教程。但是很多站长认为用Bootstrap框架的人太多了，做出来的网站都是一个模子刻出来的，无法让自己的网站在竞争对手中脱颖而出。这个时候，他们更喜欢用粉底做一个高大上的、独一无二的网站。但是这个框架也有自己的缺点，就是兼容性的问题。Foundation 4已经放弃了对IE8的兼容，在国内浏览器环境下Foundation的行为是好是坏，我们不好下结论。

Skeleton

与前两者相比，Skeleton在国内用户心目中并没有那么高。它使用了一个简单的网格系统，并收集了CSS和JS文件，使基于骨架的网站能够根据不同分辨率的设备，可以让用户界面更加友好，优化用户体验。虽然Skeleton只是定义了一些标准的HTML元素和960px标准模板，但并不影响一般网站的建设需求。也是因为这个原因，所以比较好用，尤其是对于一些小型网页项目。

Golden Grid System

如果你对网格系统感兴趣，Golden Grid System是你最好的选择。起初，它以16列网格的模式出现，但你也可以将其折叠起来，将窗口缩小为8列或4列布局，适合在平板电脑和手机上浏览。所以它是一个增加兼容性的折叠网格，有四个明显的特征:分栏、跨页、下划线和脚本。使用网格系统框架制作网站有很多好处，比如可以帮助建立清晰规整的布局，增加网页的可读性；作为网页设计师和前端开发者之间的纽带，方便他们沟通；实现自适应布局以应对不同尺寸的屏幕。

Less Framework

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

Gumby

如果你是这个领域的新手，Gumby 绝对是你入门的好选择。Gumby是一个基于SASS的响应式CSS框架。自带模板和Web UI工具包，有各种好看的按钮、表格、导航、选项卡，响应速度快。它还支持无编码设计。即使不懂技术，直接手动操作起来也非常简单好用，后期维护也很方便。

320 and UP

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

1140px CSS Grid System

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

介绍到此。不同的响应式框架各有自己的优缺点，没有一个是十全十美的。用框架做网站不代表我们只是拿来主义，还是要合理评估自己的需求，适当定制实现设计内容，把框架和自己的想法紧密结合起来。只有这样才能充分发挥响应式框架在网站知足中的积极作用，在节省时间的同时还可以做出一个美观实用的自适应网站。

如果你天生对代码不感冒，又想快速省心的拥有一个高质量的响应式网站，便于推广，那么你也可以联系我们咏熠科技，让我们帮你实现您的自适应网站。