移动导航栏显示选项彼此相邻而不是彼此下方

Question

网站URL为https://www.mh-rp.com/

我有这个移动导航栏，但是选项应该在彼此下方，而不是彼此相邻。 the problem

Answer 1

在这种情况下，display : grid可以解决您的问题。但是由于它可以在所有尺寸上工作，因此仅将其限制在移动屏幕上，因此可以将CSS包装在媒体查询块@media (max-width:1000px) {}中 试试吧：

@media (max-width: 1000px) {
    .navigation {
    display: grid;
}

Answer 2

尝试这个<ul class="navigation" style="display: grid;">