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

时间:2012-09-11 20:18:48

标签: css navigation responsive-design

我的想法是游泳所有的选项以进行响应式导航,但我很难找到我想要的东西在IE中工作!

我希望那里有人为我使用'完美'系统!

我正在寻找的是导航:

1)建立在CSS的简单ul li结构

2)在较小的视口中,导航将变为导航图标,将滑动打开导航

3)反过来,在小型设备(简单的手风琴)上滑动分段

4)在IE中工作!

最后一项是踢球者。我已经多次抱有希望,却发现它不兼容:(

任何推荐的教程或工具都非常感谢!

非常感谢!

莱恩

P.S。我一直在研究响应式框架,如基础和gumby。如果有任何小部件用于导航我正在描述像这些快乐的框架!

2 个答案:

答案 0 :(得分:2)

让@ media-queries在IE中运行的最佳方法是respond.js。我已经在IE8 +中测试了它并且效果很好,只是你无法在本地看到它,你必须上传它。

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

答案 1 :(得分:0)

我找到了一个很棒的教程,其中包含了我在这个响应式菜单中看到的最干净的代码!

http://webdesign.tutsplus.com/tutorials/site-elements/big-menus-small-screens-responsive-multi-level-navigation/

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