浮动div造成麻烦

Question

我似乎已经陷入了浮动div的特殊问题。DIV的示例是在此网站上

我无法完成的是将DIV中包含的菜单转换为响应式堆叠汉堡菜单。

我真的很感谢您的帮助。

最好的祝福，sumit

Answer 1

您隐藏了大菜单，并在小屏幕上显示可堆叠的汉堡。这可以通过仅使用CSS来完成。

首先移动，因此基本上是：

.largeMenuDiv { display: none }
@media ( min-width: 480px ) {
    .largeMenuDiv    { display: block; }
    .stackableBurger { display: none; }
}

当然，您可以在不同的屏幕尺寸上javaScript菜单变形，但是IMO更复杂。