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



我现在正在构建一个响应式网站,主站点导航包含10个链接。我见过一些网站在屏幕大小低于480px时将导航压缩为一个简单的下拉选择菜单,但我找不到任何教程来解释如何做到这一点,除了这里的CSS技巧:

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

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

我正在寻找一些简单的东西,就像在这些网站上使用的:

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

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

有人吗?

我设法在http://www.w3schools.com此处:

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

实现了它,它运行得很好——只需在表单标记中添加action=",就可以验证页面。

最新更新