レスポンシブ デザインについて読んでいて、自分のサイトに新しい CSS セットアップを実装しようとしています。これにより、これらすべての異なる CSS ファイルを呼び出す最善の方法について考えるようになりました。画面幅ごとに異なる CSS を使用します。
私は2つのオプションについて議論しています：
LINK タグを使用して、各 Web ページからすべてのファイルに接続します。これに関する私の唯一の問題は、継続的なメンテナンスです（そして、これらすべてのリンクを最初に追加する必要があります）。これが世界の終わりではないことはわかっていますが、メンテナンス面で少し集中しているようです.
もう 1 つの方法は、「フィーダー」CSS を指す LINK タグを各 Web ページに 1 つだけ配置することです。この「フィーダー」CSS ファイルには、@imports を使用して他の CSS ファイルへのすべてのリンクが含まれます。これは、メンテナンスが簡単になることを意味します。サイト全体の CSS ファイルを 1 か所で追加/並べ替え/削除できました。すごい！
ただし、これは @import 関数の互換性につながります [または古いブラウザーでの欠如]。
私は周りを見回しましたが、私が見た記事は少なくとも数年前のものです.
では、核心にたどり着くために: 現在 [2013 年 7 月] に使用されているブラウザーの何パーセントがこれをサポートしており、@import を解釈できないブラウザーのことは忘れても問題ありませんか?
そうでない場合、CSS ファイルのメンテナンスを最小限に抑えるために何ができるでしょうか。（「現在のサイトで検索して置き換える」よりもエレガントなもの）。