2

私は最初のレスポンシブ サイトに取り組んでおり、多数の記事を読みましたが、私の質問に対する明確な回答が見つかりません。

この時点で、3 つのデザインを作成してコーディングしました。サイト全体には流動的なメインコラムと固定されたサイドバーがあります。ヘッダーとフッターは流動的です。カットオフ ポイントを過ぎると、2 列から 1 列になり、さらにスマートフォン サイズに変更されます。スタイルシートが1枚欲しい。いくつかの長所と短所を読んだ後、これは私の最初のレスポンシブ サイトであるため、デスクトップ デザインを「デフォルト」にし、メディア クエリを使用して小さいサイズのスタイルを変更したいと考えています。

サイズごとに変わらないスタイルがいくつかあり、サイズが変わるスタイルもいくつかあります。

デスクトップ用のスタイル シート全体を作成してから、下部にメディア クエリを追加しますか? (印刷スタイルの前か後か?) または、「デフォルト」スタイルがどこにある場合でも、スタイル シート全体にメディア クエリを混在させますか?

ありがとう!

4

1 に答える 1

0

私もしばらくの間、頭の中でこれと戦ってきました。私のサイトの中には、下部にハンドヘルドまたは印刷専用の大きなセクションが 1 つあるサイトもあれば、関連するメディア クエリが影響するセレクターの直後にあるサイトもあります。私が見た限りでは、どちらの方法もレンダリング パフォーマンスに何らかの影響を与えることはありません (もし影響があるとしても、私はそれを認識していません)。

私の答えは、読みやすい方を使用することです。これがより大きなプロジェクトの一部である場合は、CSS にも取り組んでいるチーム メンバーに相談し、どちらを好むか尋ねてください。

于 2013-03-16T20:42:56.750 に答える