这是我在http://www.jokerleb.com/工作的网站,我正在使用这个免费版本https://responsive.menu.它将出现在400px及更小的设备上.

如何将其列拆分为2如此？

如果首先可能的话,不知道如何编辑CSS以使其看起来正确.

解决方法:

将这些行添加到您的代码中：

@media screen and (max-width: 400px){
    #responsive-menu-container{
        width:100%;
    }

    #responsive-menu {
        display: flex;
        flex-wrap: wrap;
    }

    #responsive-menu li{
        width:50%;
    }
}

这个对我有用.