Css 分区'；他在做我的脑力劳动

我有一个DIV容器。在那个容器里，我有一个公司标志和一个菜单，一个左对齐，一个右对齐。如果窗口很宽，我有一组菜单平铺，如果窗口缩小到某一点以上，菜单应转换为堆叠/下拉菜单

除了窗口在960-1000px宽之间之外，一切都很好——一切都很糟糕。我的菜单没有很快从平铺变为堆叠&瓷砖最终会跳到其他地方。有点难以用语言解释-转到testbed.dirtydogweb.com.au#about，将窗口大小调整为980px&你会看到的

我已经尝试了我所有的CSS技巧&我知道这很容易

送给第一个解开我谜语的人的棒棒糖。

试试这个：

在JS文件JS/main.JS的第55-65行中，您有以下代码：

    $(window).resize(function() {
        if( $(window).width() >= 960 ){
            if( ($("ul#menu li").css('display' ) == 'none') || ($("ul#menu li").css('display' ) == 'block') )
                $("ul#menu li").css('display','inline');
        }
        else{
            $("ul#menu li").css('display','none');
        }
    });

});

这显然是控制菜单何时从内联元素更改为块元素。 你的菜单元素显然比960px大，所以它没有在正确的位置变成下拉菜单

尝试将第56行中的数字960更改为1018

if( $(window).width() >= 1018 ){

---

您可以更改媒体查询以指定希望css更改的最小和最大维度

示例

@media screen and (min-width: 500px) and (max-width: 800px)

---

他正在使用媒体查询来更改css，在这里签入Ok gatcha。我想这些也必须改变，特别是

@media-only屏幕和（max-width:959px）{

但是看起来JS文件在这里也起了作用。。