当分辨率小于768px宽时，我的导航栏崩溃，但我在导航栏内的下拉菜单有问题。当我将鼠标悬停/点击"服务"时，下拉菜单将"服务"向上推，"投资组合"向下推，老实说看起来不太好。我怎么能有它的地方，当你悬停/点击'服务'，'服务'停留在原地，下拉菜单('Rails' &"事件")出现在它下面，只是按下"投资组合"链接?
我遇到的最大问题是，当你在手机上查看时，当你点击"服务"时，它会自动从下拉菜单中选择"铁路"链接，因为它的定位方式。我怎样才能固定"服务"按钮的位置，使子菜单出现在它下面?
下面是我的代码
enter code herecodepen
这是因为你把justify-content: space-evenly;赋给了.nav-links，所以它会根据内容调整间距。
将其更改为justify-content: normal;，并将空格填充为lis。
@media only screen and (max-width: 768px)
.nav-links {
justify-content: normal;
float: none;
position: fixed;
z-index: 9;
{...}
}