この記事が示唆するように
または異なるメディア用の異なる外部CSSがより良い選択肢でしょうか?
保守性、サイトのパフォーマンスの面で。
この記事が示唆するように
または異なるメディア用の異なる外部CSSがより良い選択肢でしょうか?
保守性、サイトのパフォーマンスの面で。
次のように、メディア依存の @import ルールを使用できます。
@import url("print.css") print;
@import url("projection.css") projection, tv;
IE5-7 以外のすべてで動作するはずです ( http://www.westciv.com/wiki/CSS_Guide:_Media#mediaspecificに従って)。
初期の CSS ロードが非常に小さくなり、メディアに基づいて必要なスタイルシートだけがアップロードされます。
組み合わせたスタイル シートの利点:
組み合わせたスタイル シートの短所:
基本的に、メディアに基づいてクライアントにプログラムで CSS ファイルを追加できる場合 (最終的に 1 つの css ファイルのみを送信する限り)、はい、@media に基づいて複数の CSS ファイルを作成します。
プログラムで css を追加できない場合は、それらを 1 つの css ファイルに結合することをお勧めします (それらすべてをクライアントに送信する必要があるため)。これにより、クライアントによる http 要求の数を減らすことができます。
http リクエストが少ない = ページの読み込みが速くなります。