CSSを整理するときは、関連するスタイルをすべて保持するのが好きです(ヘッダースタイルは1つのセクションにあり、フッタースタイルはすべて同じ場所にあるなど)(申し訳ありませんが、OOCSSの支持者)。
私は最近、小さい/大きい画面のメディアクエリを試しています。組織的なスキームを維持するために、コードの各セクションでターゲットにしている画面サイズごとに個別のクエリを含める必要があります。(たとえば、7つの異なる画面サイズをサポートしている場合、「ヘッダー」CSSで7つの異なるメディアクエリを実行し、次に「フッター」セクションで7つのクエリを実行します。)
これが私がそれをどのように行うべきかという質問は別として、メディアクエリの非常に多くのブロックを持つことに技術的な影響はありますか?(これらはすべて、、、min-width
またはmax-width
両方です。100の異なるクエリがあったとしましょう。ただし、何度もチェックしているサイズは7つしかありません。)ブラウザの解析に時間がかかりますか?