多级响应式导航工具/教程答案

【问题标题】：multilevel responsive navigation tools/tutorials多级响应式导航工具/教程
【发布时间】：2012-09-11 20:18:48
【问题描述】：

我的脑海里浮现出响应式导航的所有选项，但我很难找到我想要的在 IE 中工作的东西！

我希望有人为我使用了“完美”的系统！

我正在寻找的导航是：

1) 建立在 CSS 中一个简单的 ul li 结构上

2) 在较小的视口中，导航将变成一个导航图标，该图标将滑动打开导航

3) 子级别将依次在小型设备上滑动打开（简单的手风琴）

4) 在 IE 中工作！

最后一项是踢球者。我已经寄予厚望，结果发现它不兼容:(

任何推荐的教程或工具将不胜感激！

非常感谢！

镜头

附言我一直在研究响应式框架，例如 Foundation 和 gumby。如果有任何用于导航的小部件，我正在为这些框架描述这些 HAPPY DAY！

【问题讨论】：

【解决方案1】：

让@media-queries 在 IE 中工作的最佳方式是respond.js。我在IE8+中测试过，效果很好，只是本地看不到，需要上传。

关于导航，您可以使用media queries 调整所有内容的外观。如果您无法使用它们实现某些功能，那么您可以使用 jQuery 来显示/编写不同的导航栏。

【讨论】：

【解决方案2】：

我找到了一个很棒的教程，其中包含我见过的最简洁的代码用于这个响应式菜单！

希望这会对其他人有所帮助并节省一些搜索:)

【讨论】：