分享10款帮助你设计自适应布局（Responsive Layout）的jQuery插件

南方网景

自适应布局的设计是最近大家谈论的非常多的概念，他的设计理念在于无论客户端是什么样类型的设备，也不管设备的屏幕显示的大小，都可以提供指定并且优化的布 局。典型的例子是，如果你使用Media Queries来重新定义整个布局额大小，同时你也需要定义导航，表单，图片，幻灯等等元素。这就是为什么今天我们推荐给大家10个jQuery插件帮助大家设计自适应的布局的原因。希望大家喜欢！

1. The Heads-Up Grid

使用HTML，CSS和Javascript开发。head-up Grid是一个符合responsive的overlay grid，专门为浏览器网站开发设计。用来相对简单的来满足对于responsive web设计的需要。

2. FitVids.JS

一个轻量价的，为video嵌入自适应宽度而开发的jQuery插件。为了实现responsive web设计中的流动宽度效果。

3. AdaptiveMedia

使用adaptivemedia，你只需要一个CSS文件来定义所有的窗口大小，不需要更少或者一样的解决方式，不需要CSS3 media queries，小于3kb，HTML5和IE6兼容。用户callback：在完成所有任务之前完成用户方法。

4. rlightbox

一个jQuery UI的mediabox，可以用来显示各种类型的内容，例如，图片，youtube和vimeo视频。拥有很多独特的特性例如， 全景图和实时改变大小，和其它的jQuery UI一样，支持ThemeRoller。

5. Elastislide

一个responsive jQuery的轮播器，在不同的屏幕大小上会自适应尺寸

感谢 gbin1.com 的投稿