6

私は、スタイル シート内にメディア クエリを配置するのに最適な場所について、哲学的な議論を行っています。CSS をモジュール化して構成しようとしています (OOCSS や SMACSS など)。そのコンテキストを考えると、次の 2 つの選択肢があります。

  1. すべてのメディア クエリを別のスタイルシートまたはメイン スタイルシートのセクションにまとめます。
  2. メディア クエリは、基本対応するものの下に配置します。たとえば、「news-item」というモジュールがある場合、そのモジュールの定義のすぐ下に必要なメディア クエリ スタイルを配置できます。

私は後者に傾いていますが、それは、より多くの個別のメディア クエリが必要になることを意味します (レスポンシブ調整を必要とする CSS の論理ブロックごとに個別のもの)。

これについて何か考えはありますか?

4

4 に答える 4

1

デバイス固有のスタイルシートをロードするためだけにメディアクエリを使用するのはどうですか

お気に入り:

@import url(mydevice.css) this and (that); 

また:

<link rel="stylesheet" media="only this and (that)" href="mydevice.css" />

...デバイス固有の調整をメインレイアウトの一種の「サブテーマ」(一部のプロパティを上書きするだけ)として見ている場合、これも私には理にかなっています。

于 2012-07-03T23:44:10.780 に答える