Javascript 隐藏选择菜单并用按钮打开

嘿，伙计们，我在我的手机上尝试使用jsbin，真是太痛苦了。无论如何，有没有一种方法可以隐藏一个选择菜单，然后点击一个按钮打开选择菜单，因为移动设备会显示一个弹出框，我想用它来导航手机

---

我的子菜单不适用于用户体验（ux）和具有移动响应布局的用户界面（ui），所以我考虑使用选择菜单，这些东西很难看，所以如果可能的话，我想听听你对如何实现这一点的看法。我试过这个

这确实是一个相当广泛的问题，通常我会投票结束它，但我会尝试给你一些有用的提示

你有一些选择，它们都有各自的优点和缺点

媒体查询 这是这类问题的基本答案。将下拉列表和弹出列表的按钮放在一起。使用媒体查询检查屏幕分辨率并隐藏/取消隐藏正确的分辨率

JavaScript视口检测 这是一个有点棘手，因为你也必须坐在windowl.resize事件为那些讨厌的人谁旋转他们的手机。确保获得的是视口而不是屏幕

设备检测

---

嗯。。不要。真正地设备检测错误，列表过期。使用其他方法要好得多，事实上，媒体查询是解决这一问题的正确方法。

不，我知道如何使其响应。这是我的问题，移动设备的响应大小最大宽度：320px我希望我的导航栏按钮点击并打开一个隐藏的选择。。。希望你能理解