调整浏览器窗口大小时创建可删除菜单

Question

所以我正在尝试建立一个快速响应的网站。

这是我到目前为止的导航（窗口最大化）：

我想要实现的是，当调整窗口大小时，会出现一个名为menu的新选项卡。这将是一个按钮，一旦点击将显示我拥有的所有现有链接。

我在两个单独的div's中有两个列表，理想情况下，当调整窗口大小时，我希望在这个新菜单中可以查看lists的内容。

这是将Chrome调整为最小宽度时的样子：

如您所见，图像中的那些链接（拉伸，姿势等），那些不应该是可见的。它们应该在单击菜单后动态显示，这是另一个问题，单击菜单不执行任何操作。

我所拥有的一切都可以在这个小提琴中找到：https://jsfiddle.net/hudnybux/

Answer 1

这是一个非常常见的用例，因为我确信你可以想象。谷歌搜索它花了我5秒，this是第一个突然出现。看起来简单直接。

作为堆栈溢出的一般规则，在提出问题之前，请先尝试一下......人们通常会对您的答案做出更好的回应。 ：）