如何创建设计响应式导航菜单设计

　　响应式Web设计(Responsive Web design)的理念是，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。响应式设计允许你在不同的平台上，创建独一无二的用户体验，与此同时，只要最少的维护工作。

　　已经有不少文章涉及响应式设计，这些文章帮助我们理解和解剖响应式网站设计的学习指南和教程，揭示媒体查询的作用，与此同时，还提供一些令人兴奋的响应式设计集合。

　　我们暂且先放开宏观上的响应式Web设计，把目光聚集在更具挑战性的“响应式导航菜单设计”上。桌面版提供了足够的屏幕空间来显示多层导航布局，然而，屏幕越小，清晰地显示同一个内容就越困难。这里提供了五大法则，让你无论在大屏幕还是小屏幕上都能轻松高效地设计响应式导航菜单。