我在navbar移动视图中遇到问题

Question

我的导航栏虽然看起来很灵敏，但它的移动视图有问题：

Answer 1

我们可能需要了解您的代码目前的状态，但是显然大多数导航使用的是无组织的列表，并且具有与您相同的效果，即从左向右传播文本，我认为应该看起来像这样：

<nav>
<button>Button</button>
<ul>
<li>home</li>
<li>about</li>
<li>contact</li>
</ul>
</nav>

css

nav {
height: 80px;
width: 100%;
background-color: black;
} 

ul {
display: flex;
justify-content: space-around;
align-content: center;
}

li {
margin: 12px;
padding: 8px;
color: white;
}

button {
height: 80px;
width: 100px;
color: white;
border-radius: 5px;
font-size: 1rem;
}

我的意思是与此接近的东西，但通常大部分情况下都是标准对齐方式。