将大型导航变成移动设备的下拉菜单

Question

我目前正在构建一个响应式网站，主站点导航包含 10 个链接。我见过一些网站在屏幕尺寸低于 480 像素时将其导航压缩到一个简单的下拉选择菜单中，但我找不到任何解释如何做到这一点的教程——除了这里的 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 上找到了这个sn-p 代码：

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

实现了它，它工作得很好 - 只需将 action="" 添加到表单标签以使页面验证。