css - 多级响应导航工具/教程

标签 css navigation responsive-design

我满脑子都是响应式导航的所有选项,但我很难找到我想要的在 IE 中可用的选项!

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

我正在寻找的导航是:

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

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

3) 子关卡将依次在小型设备上滑动打开(简单 Accordion )

4) 在 IE 中工作!

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

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

非常感谢!

附注我一直在研究响应式框架,例如foundation和gumby。如果有任何用于导航的小部件,我正在为这些框架描述快乐的一天!

最佳答案

使@media-queries 在 IE 中工作的最佳方法是 respond.js .我在IE8+上测试过,效果很好,只是本地看不到,必须上传。

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

关于css - 多级响应导航工具/教程,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12377283/

相关文章:

html - 内联 block 元素换行时的CSS,父包装器不适合新宽度

xamarin - 在 Xamarin Forms 中推送多个页面

html - CSS 背景滤镜模糊效果在 Chrome 中未对齐

android - 如何在底部导航中使用设置屏幕外页面限制

Android更改导航 View 菜单背景

html - 如何缩放 HTML 页面以获得高分辨率?

css - 在响应式中堆叠和移动 div

css - 带有菜单的响应式 Logo 定位

jquery - 在 chrome 错误中重新绘制跟踪

css - 防止子div溢出父div