javascript - CSSメディアクエリに相当するJavaScriptは何ですか？

Question

私はメディアクエリを使用してCSSを特定のブラウザーサイズ/コンテキストにターゲティングした経験がありますが、今はJSでこれを行うことに興味があり、基本的に、さまざまな機能のブラウザーでスクリプトを実行する方法をより細かく制御できます。

JSでメディアクエリの機能を複製する方法を求めているのではありませんが、どのブラウザでどのコードを実行するかを制御する方法は何ですか？

ブラウザの検出に頼らずにこの制御を可能にする方法またはシステムはありますか？

score 1 · Accepted Answer

1

複数のifステートメント：

if ($(window).width() > 900)) {
   // do something here
}

于 2012-07-02T00:25:28.933 に答える

score 0 · Accepted Answer

4レベル以上の間接参照は必要ありません。

var width = typeof innerWidth === 'undefined' ? document.body.clientWidth : innerWidth;
if (width > 900) {
  // do something
}

score 0 · Accepted Answer

コードを実行したい状況を検出し、ifブロックでラップするという基本的な作業を行わない限り、コードの実行方法を制御するものは実際にはありません。生成するサーバーコードまたはjs自体のブロックの場合、HTMLで条件ステートメントを使用できます。

score 0 · Accepted Answer

これにより、レスポンシブデザインのブレークポイントを定義し、ブラウザーがそのブレークポイントに出入りするときにカスタムイベントを発生させることができます。

4 に答える 4