关于响应式的网站设计讨论越来越火热,以至于人们总是质问你为何不使用响应式的方法来设计你的网页。
而响应式设计最难的一部分是创建导航菜单,支持大的屏幕和小的屏幕,支持包括电脑浏览器、平板电脑和手机上浏览。尽管很难,但已经有一些网站很好的解决了这个问题,并使得网站的设计美观、简洁,而且导航完好无损。
下面是向你推荐的 25 个极好的响应菜单设计案例:
Ableton
![25+ awesome responsive menu solutions photo Music production with Live 9 and Push | Ableton](http://home.jinan7.com/d/file/p/2013/1c34be0ddc5c1e192e9cf9747f3a759a.jpg)
Bretzel et Bredele
![25+ awesome responsive menu solutions photo Bretzel et Bredele : du marketing, du web, des cookies… le tout autour d'un bon café !](http://home.jinan7.com/d/file/p/2013/624ae65364cf14c68c454969648309bf.jpg)
Adaptive Path
![25+ awesome responsive menu solutions photo Adaptive Path](http://home.jinan7.com/d/file/p/2013/0d1b49364ad2fc4f5506db74a2cf213a.jpg)
Jan Finnesand
![25+ awesome responsive menu solutions photo Jan Finnesand – Art and Creative Director](http://home.jinan7.com/d/file/p/2013/08757a2adc4953bb7a2080fa23350bdf.jpg)
Not Complex
![25+ awesome responsive menu solutions photo http---www.notcomplex.com-index.php (20131101)](http://home.jinan7.com/d/file/p/2013/62aea2e64bf9dc69b20f5f4e19398d90.jpg)
Andre Maurice
![25+ awesome responsive menu solutions photo Home | Andrè Maurice](http://home.jinan7.com/d/file/p/2013/f85aa3cd39aa9a2ec7c138856bd181dc.jpg)
United Pixel Workers
![25+ awesome responsive menu solutions photo United Pixelworkers — Welcome](http://home.jinan7.com/d/file/p/2013/b36b14e30a4177dc39f5abd6e1da9377.jpg)
Oliver Russell
![25+ awesome responsive menu solutions photo Welcome | Oliver Russell](http://home.jinan7.com/d/file/p/2013/83a0f93f6c41a81bb3b0c53dbf78d9f2.jpg)
Hicksdesign
![25+ awesome responsive menu solutions photo Hicksdesign: design for new-fangled media](http://home.jinan7.com/d/file/p/2013/8f2f3dc403347a9452c551b25d607e60.jpg)
Design Made in Germany
![25+ awesome responsive menu solutions photo Dmig 5](http://home.jinan7.com/d/file/p/2013/cdc86a3d4b6b2989943d18f0eae9e78a.jpg)
Digital Atelier
![25+ awesome responsive menu solutions photo Digital Atelier | Creative Web Development](http://home.jinan7.com/d/file/p/2013/ada5467ae98158c1992c7bbf43605751.jpg)
William Csete
![25+ awesome responsive menu solutions photo William Csete | Web Designer & Developer](http://home.jinan7.com/d/file/p/2013/ef6f82e822e2bcf7f0e209840e854614.jpg)
Shiny Demos
![25+ awesome responsive menu solutions photo Shiny Demos](http://home.jinan7.com/d/file/p/2013/e59a1ae969de13d42fe422efe3d0563b.jpg)
Future of Web Design
![25+ awesome responsive menu solutions photo Future of Web Design 2013](http://home.jinan7.com/d/file/p/2013/a140d5df103e4cfadce8129899e37bde.jpg)
Middlesex-London Health Unit
![25+ awesome responsive menu solutions photo Home — Middlesex-London Health Unit](http://home.jinan7.com/d/file/p/2013/41ab3ebd9ae867bf4a186959c4e72848.jpg)
Aids.gov
![25+ awesome responsive menu solutions photo Welcome to AIDS.gov](http://home.jinan7.com/d/file/p/2013/59311adf0b2bf74605e89cd3a88cb515.jpg)
Starbucks
![25+ awesome responsive menu solutions photo Starbucks Coffee Company](http://home.jinan7.com/d/file/p/2013/572a27c8e7a0b3ad9078323db825a0f6.jpg)
Zurb
![25+ awesome responsive menu solutions photo ZURB — Product Design, Interaction Design & Design Strategy](http://home.jinan7.com/d/file/p/2013/772bae5450af17321a932c666c6843e4.jpg)
CSS Tricks
![25+ awesome responsive menu solutions photo CSS-Tricks](http://home.jinan7.com/d/file/p/2013/8d810c9dfae4f3098a8f38b26a3f9132.jpg)
The Work Cycle
![25+ awesome responsive menu solutions photo The Work Cycle | Home](http://home.jinan7.com/d/file/p/2013/b510d4b571cab4caa84857e674f56fb1.jpg)
Gold Interactive
![25+ awesome responsive menu solutions photo Gold Interactive | Intro](http://home.jinan7.com/d/file/p/2013/1c79ad96bf155b3133d47f01c01f6c9f.jpg)
Harvard University
![25+ awesome responsive menu solutions photo Harvard University](http://home.jinan7.com/d/file/p/2013/df272c7fab3285cb851849df1a22af73.jpg)
Boston Globe
![25+ awesome responsive menu solutions photo The Boston Globe](http://home.jinan7.com/d/file/p/2013/bb7ecf1c69b5b38fb7049dbe7fa075a8.jpg)
Disney
![25+ awesome responsive menu solutions photo http---disney.com-(20131101)](http://home.jinan7.com/d/file/p/2013/fcd29ab021d81dae65425d10eb88cbcc.jpg)
Sketchin
![25+ awesome responsive menu solutions photo sketchin - evolutive experience design](http://home.jinan7.com/d/file/p/2013/5b6bc400f0b73e92d7af192bc93872bb.jpg)
Contents Magazine
![25+ awesome responsive menu solutions photo Contents Magazine | a new magazine for new-school editorial](http://home.jinan7.com/d/file/p/2013/0ef89696e379a849930a43da3291fba9.jpg)
Children’s Museum Pittsburgh
![25+ awesome responsive menu solutions photo Children's Museum of Pittsburgh](http://home.jinan7.com/d/file/p/2013/d471c7ee7f2e1d840f57dfde9f805148.jpg)
The Haberdash Fox
![25+ awesome responsive menu solutions photo Haberdash Fox](http://home.jinan7.com/d/file/p/2013/8ff6157fe57b506309d3fa04bdbc01b7.jpg)
Dadaab Stories
![25+ awesome responsive menu solutions photo Dadaab Stories](http://home.jinan7.com/d/file/p/2013/dbf087d49f5e12ebec038dd01eb00cf3.jpg)
National Society of Collegiate Scholars
![25+ awesome responsive menu solutions photo The National Society of Collegiate Scholars |](http://home.jinan7.com/d/file/p/2013/f8ef5a36e0d516c32f3387382a94bd3a.jpg)
via webdesignerdepot