響應(yīng)式Web設(shè)計(jì)(Responsive Web design)的理念是，頁面的設(shè)計(jì)與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。響應(yīng)式設(shè)計(jì)允許你在不同的平臺(tái)上，創(chuàng)建獨(dú)一無二的用戶體驗(yàn)，與此同時(shí)，只要最少的維護(hù)工作。

　　已經(jīng)有不少文章涉及響應(yīng)式設(shè)計(jì)，這些文章幫助我們理解和解剖響應(yīng)式網(wǎng)站設(shè)計(jì)的學(xué)習(xí)指南和教程，揭示媒體查詢的作用，與此同時(shí)，還提供一些令人興奮的響應(yīng)式設(shè)計(jì)集合。

　　我們暫且先放開宏觀上的響應(yīng)式Web設(shè)計(jì)，把目光聚集在更具挑戰(zhàn)性的“響應(yīng)式導(dǎo)航菜單設(shè)計(jì)”上。桌面版提供了足夠的屏幕空間來顯示多層導(dǎo)航布局，然而，屏幕越小，清晰地顯示同一個(gè)內(nèi)容就越困難。這里提供了五大法則，讓你無論在大屏幕還是小屏幕上都能輕松高效地設(shè)計(jì)響應(yīng)式導(dǎo)航菜單。