响应式网页设计是时下网页设计领域最热门的话题之一,该概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出(详见:Responsive Web Design),其目标是要让设计的网站能够响应用户的行为,根据不同终端设备自动调整尺寸。今天这篇文章收集了20佳优秀的流体和响应式布局网页设计案例,相信这些优秀的网站作品能够帮助你学习响应式网站设计。
01. inflexioninteractive
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140914/1410DS15610-1b93.jpg)
02. trentwalton
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140914/1410DS16440-21K2.jpg)
03. oliverrussell
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140914/1410DS1H20-35563.jpg)
04. denisechandler
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140914/1410DS1P20-4FB.jpg)
05. 2012 dconstruct
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140914/1410DS1X30-59509.jpg)
06. enochs
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140914/1410DS19630-A1D.jpg)
07. createdm
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140914/1410DS20430-I1G.jpg)
08. webcoursesagency
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TERW0-12163.jpg)
09. morehazards
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TESD0-2H50.jpg)
10. colbowdesign
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TET4Z-3C45.jpg)
11. foodsense
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TEU330-4Q57.jpg)
Advertise Here
12. hillsong
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TEV1P-56148.jpg)
13. brickartist
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TEVb0-615W.jpg)
14. startupbritain
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TEWP-G2E.jpg)
15. anthonycalzadilla
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TEXA0-W232.jpg)
16. unitedpixelworkers
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TEY440-a609.jpg)
17. bahstonfilmcritic
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TEZ240-101542.jpg)
18. colazionedamichy
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TE910Z-113138.jpg)
19. sleepstreet
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TE91V0-122K9.jpg)
20. wcst
![20 Awesome Responsive Websites](https://www.ningmop.com/wp-content/uploads/c140916/1410TE92960-134023.jpg)