将大型导航转换为移动设备的下拉菜单

Question

我正在构建一个响应式网站，主站点导航包含10个链接。当屏幕尺寸低于480px时，我已经看到一些网站将其导航压缩到一个简单的下拉选择菜单，但我找不到任何解释如何做到这一点的教程 - 除了这里的CSS诀窍之外：

http://www.css-tricks.com/convert-menu-to-dropdown/

我已经尝试过这个教程但是没有取得任何成功，因为我实现了代码，是的，我在iPhone上获得了一个可爱的菜单，但链接不起作用，点击它使页面放大，这是当我没有菜单时，这不会发生。

我正在寻找像这些网站上使用的简单内容：

http://www.hanselman.com/blog/

http://www.lancs.ac.uk/

人

Answer 1

我设法在http://www.w3schools.com找到了这段代码：

http://www.w3schools.com/js/tryit.asp?filename=tryjs_selectmenu

实现它并且它工作得很好 - 只需要在表单标记中添加action =“”以使页面验证。