gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 04:56:22 25 4
gpt4 key购买 nike

我满脑子都是响应式导航的所有选项,但我很难找到我想要的在 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com