Javascript 如何调整菜单栏的响应行为'；s元素

我正在做菜单。问题是，当我试图将屏幕缩小到

600width

以下时，菜单会因为响应性而消失。我想让菜单项像文本一样转到下一行

我如何实现这种行为

<section class="panel">
        <div class="panel-body" style="margin-top: -20px; min-width: 550px;">
            <div style="margin:0 auto;width: 550px;">
              <ul id="main-menu">
                    <li <?php echo $menuItem=='dashboard' ? 'class="current-menu-item"' : 'parent'?>><a href="index.php">Home</a></li>
                    <li <?php echo $menuItem=='submitForm' ? 'class="current-menu-item"' : 'parent'?>><a href="submissionForm.php">Submit Sale</a></li>
                    <li <?php echo $menuItem=='sales' ? 'class="current-menu-item"' : 'parent'?>><a href="saleslist.php">My Sales</a></li>
                    <li <?php echo $menuItem=='help' ? 'class="current-menu-item"' : 'parent'?>><a href="help.php">Help</a></li>
                    <li <?php echo $menuItem=='intro' ? 'class="current-menu-item"' : 'parent'?>><a href="intro.php?mode=view">Incentive Program Code</a></li>
                </ul>
             </div>
          </div>
</section>

---

您将导航隐藏在700px（而不是问题中所述的600px）。如果不想隐藏此CSS，请从媒体查询中删除此CSS：

@media all and (max-width: 700px) {

    ...

    #main-menu {
        display: none;
        float: none;
    }

    ...

}

如果希望

li

继续下一行（即非堆栈），请从同一媒体查询块中删除以下内容：

@media all and (max-width: 700px) {

    ...

    #main-menu li {
        display: block; <-- remove this
        margin: 0;
        padding: 0;
    }

    ...

}

@介质和所有（最大宽度：700px）{
...
#主菜单李{
显示：块；@媒体和全部（最大宽度：700px）{

}

在不同的样式表（即responsive.css）中编写响应css，然后为不同的设备大小编写css

@介质（最小宽度：480px）和（最大宽度：767px）{

}

@介质（最小宽度：959px）和（最大宽度：1024px）{

}

@介质（最小宽度：980px）和（最大宽度：1170px）{

}
您必须对这条规则进行注释
#主菜单{display:none；float:none；}
.600只是一个粗略的想法：）我尝试过移除显示块，但它再次显示出相同的行为。在700处移除自身，而不是流向下一行
@media all and (max-width: 700px) {

    ...

    #main-menu li {
        display: block; <-- remove this
        margin: 0;
        padding: 0;
    }

    ...

}

#main-menu {
    display: none;
     /* Display : none; This Property Hide this section when it goes less than 700px*/

}