Jquery 如果太长，将添加下拉选项的水平菜单

我正在建立一个网站，需要有水平菜单，他们都需要在一行适合，但是如果他们添加了太多的菜单项，我们希望最后一个项目转换为下拉菜单与任何菜单项不适合

我不希望它成为一个解决方案，在“5个菜单”开始下拉后，我希望脚本知道菜单很长，并在需要时自动创建它

所以如果他们放了一份菜单

短链接-短链接-短链接-短链接-短链接-短链接

它将显示正常，没有下拉列表，但如果他们去猪野生和添加二十个项目，它会像

短链接-短链接-短链接-短链接-短链接-短链接-[与15个其他链接一起下拉]

---

希望它能成为jquery解决方案，但不一定非得如此。

使用jquery，您可以将事件分配给窗口大小调整。当它到达特定点时，进行更改

$(window).resize(function() {
    if ($(window).width() < whatever) {
        //Change the menu...
        //eg. $('#menu').addClass('condensed');
    }
});

@media only (max-width: whatever) {
    #menu {
        /* Override with new styling */
    }
}