javascript - 隐藏选择菜单并使用按钮打开

Question

嘿伙计们，我在我的手机上尝试使用 jsbin，这太痛苦了。无论如何，有没有一种方法可以隐藏选择菜单并单击按钮打开选择菜单，并且由于移动设备显示弹出框 ID 希望将其用于我的手机导航(响应式)

我的子菜单无法与移动响应式布局的 ux 和 ui 一起使用，所以我正在考虑使用选择菜单，但这些东西很难看，所以如果可能的话，希望您对如何实现这一目标发表意见。我试过这个http://jsbin.com/narigudu/1/edit

Answer 1

这确实是一个相当宽泛的问题，通常我会投票结束它——但我会尝试为您提供一些有用的建议。

您有几种选择，它们各有利弊。

媒体查询Link

这是对这类问题的“标准答案”。将下拉列表 和 按钮都放在弹出列表中。使用媒体查询检查屏幕分辨率并隐藏/取消隐藏正确的分辨率。

JavaScript 视口(viewport)检测 Link

这个有点棘手，因为对于那些旋转手机的讨厌的人，您还必须坐在 windowl.resize 事件上。确保您获得的是视口(viewport)而不是屏幕。

设备检测Link

嗯..不要。真的。设备检测很糟糕，列表变得陈旧。使用其他方法要好得多，实际上，媒体查询是解决这个问题的正确方法。