基于屏幕宽度的单独功能（调整大小时的更改）

Question

我有一个网站导航给我带来了问题。我所追求的是拥有移动导航和更强大的全屏导航。我把它搞砸了，所以你可以看到我的问题。我希望这能根据当前窗口大小动态更改if / else ...现在如果你开始的话，无论窗口大小是什么，它都会保持开启，反之亦然。

感谢您的帮助！

var w = $(window).width();

function checkSize() {

    if ( w < 770 ) {
        console.log("This is a small window");
    } else {
        console.log("This is a big window");
    };
};

$(window).resize(checkSize);
checkSize();

Answer 1

您必须将var w = $(window).width();移至checkSize功能。

Answer 2

你应该看一下“media querys”我猜。