javascript - 画面幅に基づいて機能を分離 (サイズ変更で変更)

Question

Web サイトのナビゲーションで問題が発生しています。私が求めているのは、モバイル ナビゲーションと、より堅牢なフルスクリーン ナビゲーションです。あなたが私の問題を見ることができるように、私はこれを馬鹿にしました。これで、現在のウィンドウ サイズに基づいて 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

おそらく「メディアクエリ」を見てください。