当越来越多的人开始使用mobile设备浏览互联网，站长们也在为他们的网站创建自适应的布局。一个使用应用样式制作的自适应的布局，适合特定屏幕大小。最常见的做法是改变页面布局，从而使多列单栏在屏幕上的空间变得越来越小。然而，有更多的自适应网站，用户能够使用最小的设备友好访问。常见的挑战是缩放图像（和它们的带宽使用率）和使得导航工作良好。
有创意的网页设计师在如何创建自适应的导航方面已经提出了一些尝试。最佳方法往往依赖于为桌面用户使用菜单的复杂性。有时只是简单的菜单可以被缩减，例如去掉logos和其他头部元素。菜单与制造元素，另一方面，需要更激进的方法很好地工作。这里最流行的技术是使用一个切换的设计，菜单项背后都隐藏着一个小图标。一旦点击折叠菜单，并采取了屏幕可用的一个重要组成部分。这是OK的，因为用户明确要求进入导航选项。一旦点击菜单项，导航选项将再次隐藏。最后，常见的网站是使用下拉菜单节省空间。在大多数手机上，这种方法从可用性的角度来看真的很好，但它可能不适合到整体设计和视觉印象。
在这篇文章中，我已经收集了25个教程，并准备开始在自适应网站项目中使用脚本。使用教程可以获得一个新的想法，再看看有没有一个脚本符合要求。此外，也可以考虑在我们的一些其他资源网站导航上查看：
自适应菜单教程
如何有趣的使网站导航自适应教程，不仅要学习各种方式的自适应菜单也可以实现在技术上，但也给你的设计思路和风格方面一些创新元素。
更多内容：http://www.goodfav.com/responsive-menu-tutorials-and-scripts-7758.html