javascript - ページ幅を評価する機能しない条件付き

Question

ページの幅に基づいてコードを記述しようとしています。そのために、以下に示すように、「window.screen.availWidth」と条件を使用しています。

 var page_width = window.screen.availWidth;

    if ((930 < page_width) || (page_width <= 1100)) {
        // code...
    }

私の問題は、条件が機能せず、ページ幅に関係なくコードを適用することです。変数を単独で呼び出すと、適切な値が得られるので、問題は条件のどこかにあると思います。誰でもこれに光を当てることができますか？（Javascript初心者です！）

score 3 · Accepted Answer

これは、最初の部分が false (つまり、ページ幅が 930 未満) の場合、2 番目の部分が true でなければならないためです。

&&の代わりに意味したと思います||。

score 2 · Accepted Answer

screen.availWidthページではなく、ユーザーの画面の幅を返します。次のように、jQuery を使用してブラウザーウィンドウの幅を計算することができます。

$(window).width()

または、何をしているかによっては、CSS メディアクエリを確認することもできます。

score 0 · Accepted Answer

それはおよび/または問題です。「page_width が 930 より大きいか、ページ幅が 1100 以下の場合」。page_width がその範囲内にある場合は、それが必要だと思います。そのため、 or を and に変更するだけで、正しく機能するはずです。

3 に答える 3