jquery - 响应式设计更改菜单 jquery(或 css)对调整大小的影响

Question

我想在桌面和平板电脑尺寸的右上角有一个水平下拉菜单，并在手机尺寸上有一个口琴效果，但这次是垂直菜单。这可能吗？如何实现？欢迎任何教程或示例或其他解释。

Answer 1

是的，这是可能的。

简单的步骤，你应该做什么:

1. 用 HTML 制作列表。
2. 为桌面设置样式(here's a tutorial 用于“Suckerfish”样式下拉菜单)
3. 使用 @media query 为移动浏览器设置样式(我通常使用 < 600px 的手机屏幕宽度)。您可能想要隐藏菜单以及其他一些更改。
4. 添加 accordion effect单击菜单链接时。

如果这行不通，下次请提供一些细节，说明您尝试了什么，哪些有效，哪些无效。