移动下拉菜单没有进入一个列

Question

当我尝试使其响应移动链接不进入flexbox列，我希望它，而不是作为一行。我该如何解决这个问题?

Answer 1

问题是您尝试在元素上应用伸缩方向和伸缩显示，但是您需要在元素的容器上指定伸缩方向和伸缩显示(在您的情况下为"ul">

)

ul{
display:flex;
flex-direction: column;
}

在媒体查询中将执行

https://codepen.io/lucacel/pen/ExNNjMY