Superfish菜单内联响应式设计

Question

我遇到问题，超级鱼菜单显示内联“响应式设计”我想让所有的超级鱼菜单链接显示内联但我有问题，超级鱼子菜单覆盖我尝试的所有样式，并始终显示下拉列表。

当我使用少于700像素的设备进行浏览时，任何人都知道如何在鼠标悬停时禁用superfish动画下拉菜单，并显示所有元素内联块的超级鱼菜单元素，子菜单和子菜单元素。

来自网站的当前代码太乱了，所以我在这里上传http://pastebin.com/mwPjVEPX 这是直接来自网站。

对于第一个ul li元素我添加了display：inline-block并且它可以工作但是在子菜单元素中，第一个来自superfish的javascript添加元素样式display：none和visibility：hidden，当我尝试添加display：inline-block to在第一次悬停时覆盖它，它返回显示无。

这是超级鱼菜单http://pastebin.com/vmYkGVx4

的CSS

Answer 1

首先，您没有在此处或任何链接中特别提及您的代码。但正如我猜测的那样，您指定给父级的所有属性，它们会自动附加到其子元素。 所以，如果你给display: inline;那么它的所有孩子都会得到它并表现得好像它们是内联的。所以最好去display: inline-block;。在这种情况下，此元素将表现为内联元素，但它本身显示为块级元素。孩子永远不会内联。

Answer 2

尽管你的CSS，Superfish JavaScript仍然以小屏幕尺寸运行。 JavaScript通过附加内联style属性来隐藏和显示内容，以更改CSS display属性。除非您像!important那样添加display: inline-block !important关键字，否则内联样式将始终胜过任何其他来源的CSS。这将是值得尝试的。但是，由于JavaScript仍将尝试对元素进行操作，因此可能仍然会发现其他奇怪的行为。请告诉我们你的工作方式。

Answer 3

最后我最终使用了mobilemenu。这是javascript代码，在选定的宽度隐藏superfish菜单和显示下拉选择框。从所有搜索中使用它是最合理的。在superfish菜单上有一些开发可以支持触摸设备但是仍然不支持“响应式设计”，尽管各个博客上都有帖子说下一步是让它响应，直到我使用这个插件https://github.com/mattkersley/Responsive-Menu < / p>