如何使菜单正确响应

Question

如何使菜单正确响应，在手机上看起来像这样

在计算机上看起来像这样： [在此处输入图片描述] [2]

当我从菜单中选择一个选项时，菜单不会消失，但会转到所选部分

有人可以指导我，以便我的菜单响应迅速，谢谢

Answer 1

您可以通过实现以下代码行来为移动设备重新编写CSS：

{
  "plugins": [
    ["dynamic-import-node", { "noInterop": true }]
  ]
}

Answer 2

我建议使用display: flex而不是浮动的。如前所述，您可以使用媒体查询来编写设备特定的CSS规则。

另一个易于创建响应式布局的选项是将网格库用作Flexboxgrid。