Javascript 使用JS添加或删除菜单项，使其具有屏幕大小

如何根据屏幕大小使用将菜单项添加到下拉列表中

jQuery

假设我有一份有八个项目的菜单。当八个项目以一行的形式出现在屏幕上时，就可以了。但是，当我重新调整屏幕大小时，仅显示项目

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

在iphone/ipad等设备上，它甚至可能只能容纳2/3左右的项目，其余的项目应根据屏幕大小形成下拉列表

请参阅链接：

我认为这可能是一个不错的选择。 如果您考虑过这一点并希望避免它，则表示抱歉。 如果调整结果窗口的大小，您应该可以看到您的结果

---

您还可以指定屏幕大小，这对跨平台可用性很有用

您需要使用css媒体查询不能仅使用css，因为元素的数量将根据屏幕大小而变化，如OP所述，您能为我们提供一些您尝试过的代码吗？当屏幕尺寸缩小/增大时，您需要javascript从下拉列表中拉出屏幕尺寸并推送和弹出元素。这只能通过css来完成。应该是的。我拒绝给出一个三行的帖子，以代码作为答案，但请你详细说明一下你将如何使用css来实现这一点，因为我不知道动态填充css下拉列表的能力。我认为javascript可以很好地实现这一点，而不仅仅是css。有了css，你必须为每个屏幕设计，我想这很痛苦。感谢你的帮助，但我想用javascript（我选择jquery）来实现。看看我的形象。我添加了我的链接。