-2
私の質問はメディアクエリに関連しています。私は複数のメディアクエリを使用してブラウザのレンダリング速度に影響を与えるか、または任意の数のメディアクエリを使用しても問題ないことを知りたいですか？CSSで複数のメディアクエリを使用するとよいでしょうか？このブラウザのレンダリングが影響を受けるためですか？
A
答えて
1
作業中のデバイスのデザインとレイアウトに基づいて、任意の数のメディアクエリを使用できます。
CSSのサイズがそれほど大きくない場合、ブラウザのレンダリング速度には影響しません。
また、メディアクエリを複製しないようにしてください。一般的なものをメディアクエリから除外し、メディアクエリ内でレイアウトが変更された場合に変更されるものに対してのみcssを書き込みます。
1
値がほぼ同じであると仮定して、コード内に1つの大きなまたは複数のメディアクエリを使用するかどうかは関係ありません。何百ものメディアクエリーのそれぞれ（！）の値が異なるかどうかは問題ではありませんが、パフォーマンスに影響する可能性があります（これを追跡する方法は見つけられません）。
あなたはここに同じ参照できます：我々の計画は、メディアの採石場の重複が存在しますので、各コンポーネントごとに個別のCSSを書くことだったので、私はreact.jsでWebPACKの3を使用していhttps://helloanselm.com/2014/web-performance-one-or-thousand-media-queries/
関連する問題
- 1. emでのメディアクエリがベースフォントサイズの影響を受けていない
- 2. インラインスタイリングがメディアクエリの影響を受けていない
- 3. この変数が影響を受けるのはなぜですか？
- 4. 複数のクエリで影響を受ける行の数を返します
- 5. はブラウザで影響を受けますか？
- 6. 私はCSSの影響を受けたくない画像は、それの影響を受けています
- 7. JQueryがCSSのホバーセレクタに影響しているようです
- 8. ストアドプロシージャの影響を受けるレコードの数を取得するにはどうすればよいですか？
- 9. ADODBの影響を受けた行がトリガの影響を受ける行を返します
- 10. オーバーレイはフィッシングの影響を受けやすいですか？
- 11. モバイルでのみフロートをクリアするにはどうすればよいですか？そして、タブレット用のメディアクエリを削除すると、モバイル用のメディアクエリが影響を受けるのはなぜですか？
- 12. はiptablesフィルタリングの影響を受けるtcpdumpですか？
- 13. フローティングバグの影響を受けるウェブアプリケーションはどれですか？
- 14. 特定のnpmパッケージでのみ影響を受けるCSSを制限する方法は？ここで
- 15. 丸め誤差の影響を受けずにCEILINGを使用
- 16. セッション変数は同時アクセスで影響を受けますか？
- 17. Postgres：ステートメントトリガーで影響を受ける行の数を取得
- 18. tween.jsを使用するとオービットコントロールの減衰が影響を受けます
- 19. 同じページ内の複数のコンポーネントが互いに影響を受ける、バグ
- 20. HTTPはTCP接続で何の影響を受けますか？
- 21. フレックスレイアウトがオーバーフローコンテンツの影響を受けるのはなぜですか？
- 22. CSSで1クラスのリンクにどのように影響するのですか
- 23. UPDATE文の影響を受ける行数を返します
- 24. イベントリスナーは影響を受けますか？
- 25. Ubuntuの無効なOpenPGPのために悪影響を受けることができません16
- 26. css - h6サイズの影響を受けないh6の位置img
- 27. 更新クエリの影響を受ける行の数を返しますか？
- 28. グローバルスコープのグローバル変数の影響を受けない関数で渡される
- 29. 影響を受けるSQLテーブルの行数を取得する
- 30. 新しいオブジェクトに「コピー」した後、元のオブジェクトが影響を受けるのはなぜですか？
。だからこの練習は良いか悪いのですか？ – kunal
すべてのコンポーネントまたは多くのコンポーネントが1つの特定のページにロードされている場合。すべてのCSSの読み込みに同時に重複したメディアキーがあると、悪影響が出る可能性があります。 –
1ページ分の読み込みコンポーネントが非常に少ない場合は、それほど重要ではありません。 –