【问题标题】:turn large navigation into a drop down for mobile devices将大型导航变成移动设备的下拉菜单
【发布时间】:2012-02-03 13:49:40
【问题描述】:

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

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

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

我正在寻找类似这些网站上使用的简单的东西:

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

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

有人吗?

【问题讨论】:

    标签: mobile navigation drop-down-menu responsive-design


    【解决方案1】:

    我在http://www.w3schools.com 上找到了这个sn-p 代码:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-05-16
      • 1970-01-01
      • 1970-01-01
      • 2021-01-24
      • 2016-07-16
      • 2013-07-17
      • 1970-01-01
      相关资源
      最近更新 更多