css - 如何使用 css 使 nav 自动调整其菜单项？

Question

我制作了一个菜单栏，但是当我重新调整窗口大小时，菜单离开了它们的位置。我希望它们自动调整，请建议我如何实现这一点。

这是我的 fiddle 链接:

[Fiddle][1]


  [1]: http://jsfiddle.net/c9ssy2dj/

Answer 1

看看我为你做的这个 fiddle : http://jsfiddle.net/0w8t31k9/

但是你必须编辑它，因为我用我做的东西让它变得非常快。

媒体查询看起来像

@media only screen and (max-width: 770px){
/* css you want to overwrite */
}

您可以在此处找到文档和脚本:http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly