當越來越多的人開始使用mobile設備瀏覽互聯網，站長們也在爲他們的網站創建自適應的佈局。一個使用應用樣式製作的自適應的佈局，適合特定屏幕大小。最常見的做法是改變頁面佈局，從而使多列單欄在屏幕上的空間變得越來越小。然而，有更多的自適應網站，用戶能夠使用最小的設備友好訪問。常見的挑戰是縮放圖像（和它們的帶寬使用率）和使得導航工作良好。
有創意的網頁設計師在如何創建自適應的導航方面已經提出了一些嘗試。最佳方法往往依賴於爲桌面用戶使用菜單的複雜性。有時只是簡單的菜單可以被縮減，例如去掉logos和其他頭部元素。菜單與製造元素，另一方面，需要更激進的方法很好地工作。這裏最流行的技術是使用一個切換的設計，菜單項背後都隱藏着一個小圖標。一旦點擊摺疊菜單，並採取了屏幕可用的一個重要組成部分。這是OK的，因爲用戶明確要求進入導航選項。一旦點擊菜單項，導航選項將再次隱藏。最後，常見的網站是使用下拉菜單節省空間。在大多數手機上，這種方法從可用性的角度來看真的很好，但它可能不適合到整體設計和視覺印象。
在這篇文章中，我已經收集了25個教程，並準備開始在自適應網站項目中使用腳本。使用教程可以獲得一個新的想法，再看看有沒有一個腳本符合要求。此外，也可以考慮在我們的一些其他資源網站導航上查看：
自適應菜單教程
如何有趣的使網站導航自適應教程，不僅要學習各種方式的自適應菜單也可以實現在技術上，但也給你的設計思路和風格方面一些創新元素。
更多內容：http://www.goodfav.com/responsive-menu-tutorials-and-scripts-7758.html