使用JS添加或删除显示屏幕大小的菜单项

Question

如何根据屏幕大小将菜单项添加到下拉菜单

jQuery

假设我有一份有八项的菜单。当八个项目适合在屏幕上的一行，那么它是‘好的。但是，当我调整屏幕的大小时，仅为项/项。

不适合屏幕的单行应该形成下拉菜单.当我再次放大屏幕时，菜单项应该一个接一个地返回&当所有的项目都放在屏幕上时，下拉菜单就会消失。

在iphone/ipad等上，它甚至可能只适合2/3左右的项目，其余的应该形成一个下拉，取决于屏幕的大小。

请参阅链接：

http://1drv.ms/1OGYCgS

Answer 1

我认为引导可能是一个很好的替代方案。对不起，如果你考虑过这一点，并想要避免它。如果您调整结果窗口的大小，您应该看到您的后续。

您还可以指定屏幕大小，这样对跨平台可用性是有用的。