最近在整理一些自己的DEMO...发现有些DEMO因为太久了，自己都忘记了。所以还是贴出来吧，既是分享也是便于自己查看。

随着手机越来越智能、平板电脑越来越主流，移动终端大赶超传统PC只是时间的问题。可随时而来的问题就是，移动终端由于为了适合各种人群和需求，往往屏幕的尺寸层出不穷。这就导致很多网站看起来不伦不类，在PC上看明明很好，但一到小屏幕的移动端，就完全变形或者呈现效果不佳。为此，一些网站往往根据不同的屏幕分辨率，制作不同样式的页面，但这样就大大增加了成本。

科技是与时俱进的，技术也是与时俱进的，所以老外就想到了“响应式Web设计(Responsive Web Design)”。其概念就是根据不同的设备，不同的屏幕进行响应，调用最符合当前用户的一个网页风格。（其实我的网站很早以前就应用了响应式web设计，不过仅仅针对小于1240的屏幕做了“一个”窄版的风格，可能没什么人会注意到此细节。）

另外相对应的优势也十分明显：页面只有一个，只是针对不同的分辨率、不同的设备环境进行了一些不同的设计，所以在开发、维护和运营上，相对多个版本，能节约成本。 兼容性优势：移动设备新的尺寸层出不穷，定制的版本通常只适用于某些规格的设备，如果新的设备分辨率变化较大，则往往不能兼容，而开发新的版本需要时间，这段时间内的访问就是个问题，但是响应式Web设计可以提前预防这个问题。 操作灵活：响应式设计是针对页面的，可以只对必要的页面进行改动，其他页面不受影响。 [ 查看全文... ]