我希望有人能够用我希望实现的目标指出正确的方向.我正在建立一个响应式网站,并在顶部有一个传统的导航菜单,里面有几个项目.
我需要这个菜单在页面变窄时收缩,而不是导航菜单中断,我希望不适合的项目在“更多…”下拉选项卡下面.这有意义吗？这是一个图形表示……
因此,顶部图像将是1024宽度的样子,下面是768宽度.
菜单中的内容是未知的,因此宽度会有所不同,所以我需要计算组合链接的宽度,然后将更多内容放在More ..下拉列表下面.
任何提示将不胜感激,只是不知道从哪里开始.
谢谢
解决方法
这是一个很好的jQuery插件,可以解决这个问题：
https://github.com/352Media/flexMenu
另外,请务必查看一篇很棒的文章,提供有关如何使用上述flexMenu插件组织此类灵活导航的分步说明：http://webdesign.tutsplus.com/tutorials/site-elements/a-flexible-approach-to-responsive-navigation/
