javascript - 異なる画面解像度で異なる JavaScript を実行する

Question

画面サイズが 768px 未満の場合にのみドロップダウン メニューの jQuery 関数を実行し、その値を超える場合は別のドロップダウン メニュー関数を実行する必要があります。JavaScriptでこれを行うにはどうすればよいですか?

Answer 1

.height()および.width()メソッドを使用して、ウィンドウのサイズを取得できます (画面サイズはほとんど関係ありません。レンダリング用の実際のスペースに注意してください) 。

if( $(window).width() > 768 ) {
    // Large menu
} else {
    // Small menu
}

Answer 2

準備ができた関数では、次のように画面の高さと幅をテストできます。

if (screen.width<=768) 
{
//Do this
}
else