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

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

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