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

Question

嘿伙计们在我的手机上尝试使用jsbin，这真是一种痛苦。无论如何有一种隐藏选择菜单的方法，点击一个按钮打开选择菜单，因为移动设备显示一个弹出框id想要我的移动导航（响应）

我的子菜单只是不使用ux和ui以及移动响应式布局，所以我在考虑使用选择菜单而且那些东西很难看，所以如果可能的话，想要了解如何实现这一点。我试过这个http://jsbin.com/narigudu/1/edit

Answer 1

这确实是一个相当广泛的问题，我通常会投票决定关闭它 - 但我会尝试给你一些可用的指针。

您可以选择一些选项，它们各有利弊。

媒体查询Link

这是＆＃34;股票回答＆＃34;对这些问题。放下下拉列表和按钮以弹出列表。使用媒体查询检查屏幕分辨率并隐藏/取消隐藏正确的分辨率。

JavaScript视口检测Link

这个有点棘手，因为你必须参加windowl.resize活动，让那些讨厌旋转手机的人烦恼。确保您获得视口而不是屏幕。

设备检测Link

嗯..不要。真。设备检测很糟糕，列表过时了。更好地使用其他方法，实际上，媒体查询是解决此问题的正确方法。