私はメディアクエリについて学び、の大きなブレークポイントがレイアウトのドラマチックな変更に、のマイナーなブレークポイントがpaddingsやfont-sizeのものであることを知りました。
ページの各セクションに複数のメディアクエリを宣言しても問題ありませんか？
例えば ：ナビゲーションとための3つの主に3つのコンテンツの各セクション
私はこれが4つのまたは5メディアクエリで全体のレイアウトを変更するよりも良いことだと思います。ページの各セクションに対して複数のメディアクエリを使用できますか？
それはすべてのサイトのために異なっています。それはあなたのサイトで動作し、それほど複雑ではない理由は何ですか？すべてのサイトに適用される「ルール」はありません。一部の人々はそれを使用したくないので、そうしない。そして、それを使うような人もいます。
"ルールはありません"その点から始めます:) –
なぜ、私は時々..私の意見で
@media (max-width: 600px){
body {
background: green;
}
}
@media (max-width: 500px){
body {
background: red;
}
}
@media (max-width: 400px){
body {
background: blue;
}
}
コードのメンテナンスを容易にするために、少数のクエリを保持する方がよいでしょう。プロジェクトの新しい開発者であり、さまざまなメディアクエリをすべて維持して理解しなければならないと想像してください。簡単ではありません。 –
私はそれに同意するのではないか、あなたはすべて同じものを言うことができます - それほど多くのスタイルを使用せず、あまりJavaScriptを使わず、あまりHTMLを使わず、全体的なプロジェクトの複雑さを増やします。実際には、これらすべてのもの（SCSS、JavaScriptコンポーネント+バンドル、HTMLテンプレートなど）を軽減するためのツールがあります。メディアクエリが必要な場合は、それを使用し、コードを理解しやすくするための他の方法を探してください。 – delinear
もし必要なら、それを使用してください。しかし、私は、フレックスボックスを使用し、スタイルのパーセンテージを調整するなど、モバイル先のコードを最小限に抑える方法を常に考慮する必要があると思います。 –