37个极具创意的响应式布局网站

Responsive设计，在国内称为响应式布局。由于终端设置越来越来，以前那些桌面设计不在满足于当今潮流的Web设计。于是在Web设计中推出一种新的设计理念，那就是响应式的Web设计，这种设计意味着网站能根据不同的媒介，使用Web页面不仅能在标准的电脑屏幕上浏览，还能在各种不同的智能手机和平板电脑上浏览。更确切的说，原则可以让一个在1292像素显示的四列布局，在1025像素宽度的屏幕上显示成两列，同时还能让页面在智能手机上显示成一列。

响应式的Web设计和传统的Web设计是一个完全不同的模式，这出同时给我们的Web设计带来一种创新与挑战，今天在这里给大家推荐35个极有创意的响应式设计网站。希望这些设计能给大家带来一些新的Web设计创意。

1、Web agency

2、Everything You Need to Know About Design

3、Loksautus

4、Artech Agencement

5、Filip Slovacek

6、Viens-la Agency

7、Healing Histories v1

8、Visual Supply Co

9、Fitz Fitzpatrick

10、Amir Khan Official

11、When was the last time you did something

12、Weyland Industries

13、HMR servis

14、Black Negative

15、Tek Kuafor

16、Frederic Christian

17、Bernd kammerer photography

18、Olivier Staub

19、Tobias van Schneider

20、Air Jordan 2012

21、CarnationGroup site

22、8 Obiettivi di Sviluppo del Millennio

23、The License Lab

24、Matteo Zanga

25、Peter Wesolowski portfolio

26、Babel The King

27、INSIDE DESIGN

28、Crowd Track Gent

29、Campbell Harrison

30、MINI CROSSOVER

31、Piccsy Pitchdeck

32、Anne Braithwaite

33、50 Problems in 50 Days

34、Folicure Mexico

35、RIKA

36、Merca Doctor

37、Hard Graft

特别声明，以上资源由Riz提供。

上面37个网站都运用了Responsive设计，大家可以从中得到属于自己的创意，或者说从事学到自己想要知识。如果你对Responsive一点都不了解的话，我建议你可以抽点时间阅读一下以下教程：

1. CSS3 Media Queries
2. Responsive设计的关键三步
3. 了解Responsive网页设计的三个特性
4. 手机上网站导航的制作
5. CSS3 Media Queries模板
6. Responsive设计和CSS3 Media Queries的结合
7. CSS3 Media Queries案例——A List Apart
8. CSS3 Media Queries案例——Hicksdesign
9. CSS3 Media Queries案例——Tee Gallery

如需转载烦请注明出处：http://www.w3cplus.com/source/37-awesome-responsive-web-designs-for-your-inspiration.html