2

CSSを整理するときは、関連するスタイルをすべて保持するのが好きです(ヘッダースタイルは1つのセクションにあり、フッタースタイルはすべて同じ場所にあるなど)(申し訳ありませんが、OOCSSの支持者)。

私は最近、小さい/大きい画面のメディアクエリを試しています。組織的なスキームを維持するために、コードの各セクションでターゲットにしている画面サイズごとに個別のクエリを含める必要があります。(たとえば、7つの異なる画面サイズをサポートしている場合、「ヘッダー」CSSで7つの異なるメディアクエリを実行し、次に「フッター」セクションで7つのクエリを実行します。)

これが私がそれをどのように行うべきかという質問は別として、メディアクエリの非常に多くのブロックを持つことに技術的な影響はありますか?(これらはすべて、、、min-widthまたはmax-width両方です。100の異なるクエリがあったとしましょう。ただし、何度もチェックしているサイズは7つしかありません。)ブラウザの解析に時間がかかりますか?

4

1 に答える 1

3

潜在的に遅いパスを処理するコードは、最新のブラウザーで大幅に最適化されているため、プロファイリング データが手元にあれば、絶対に必要でない限り、この種のものを事前に最適化する必要はありません。さあ、それを書いてください。

于 2011-12-26T11:36:41.710 に答える