私はメディアクエリについて学び、の大きなブレークポイントがレイアウトのドラマチックな変更に、のマイナーなブレークポイントがpaddingsやfont-sizeのものであることを知りました。
ページの各セクションに複数のメディアクエリを宣言しても問題ありませんか?
例えば :ナビゲーションとための3つの主に3つのコンテンツの各セクション
私はこれが4つのまたは5メディアクエリで全体のレイアウトを変更するよりも良いことだと思います。ページの各セクションに対して複数のメディアクエリを使用できますか?
1
A
答えて
1
それはすべてのサイトのために異なっています。それはあなたのサイトで動作し、それほど複雑ではない理由は何ですか?すべてのサイトに適用される「ルール」はありません。一部の人々はそれを使用したくないので、そうしない。そして、それを使うような人もいます。
+0
"ルールはありません"その点から始めます:) –
2
なぜ、私は時々..私の意見で
@media (max-width: 600px){
body {
background: green;
}
}
@media (max-width: 500px){
body {
background: red;
}
}
@media (max-width: 400px){
body {
background: blue;
}
}
関連する問題
- 1. 複数のCSSメディアクエリを使用していますが、最大のものを使用していますか?
- 2. 同じVMに対して複数のRecovery Vaultを使用できますか?
- 3. XSLTを使用してXMLを複数のページに分割できますか?
- 4. 複数のAJAXライブラリを1ページに使用できますか?
- 5. og:webページの複数のセクションを共有することができますか?
- 6. 複数のHTMLページでソケットを使用できますか?
- 7. 複数のオブジェクトに対して汎用関数を作成できますか?
- 8. 複数ページのJPEG画像を使用できますか?
- 9. djangoの複数のデータベースに対してクエリセットを使用できません
- 10. 各セクションで項目の制限数を選択できます
- 11. CSSファイルのメディアクエリを使用してBOOTSTRAPを上書きできますか?
- 12. Outlookでメディアクエリを使用できます
- 13. SCSS - 複数のメディアクエリで使用されるセレクタを拡張します。
- 14. ページ上に複数のリストビューを使用しています
- 15. 複数のフィールドに対して重複キー更新を使用できますか?
- 16. ユーザーは委任を使用して複数のユーザーに対してプッシュ通知を購読できますか?
- 17. githubページ用に複数のリポジトリを作成できますか?
- 18. openmpの各セクションのスレッド数を設定しますか?
- 19. 複数ページのiReportを使用したJRXMLの複数ページ
- 20. Xcodeで1つのIBActionに対して複数のUIAlertViewを使用できますか?
- 21. メディアクエリ - 独立したスタイルシートを使用できますか?
- 22. ブートストラップカラムを使用している間に、さまざまなメディアクエリのセクション間のギャップを固定
- 23. Kentico 10 - 1ページに複数のスマートWebパーツを使用できますか?
- 24. どのようにして対応する平均値を持つ各列に対してapply()関数を使用できますか?
- 25. スイフト3の各セクションに対してUICollectionViewCellの値を格納する方法は?
- 26. ViewPagerの各セクションでフラグメントを使用するには
- 27. 複数のスキーマに対してiccubeレポートを使用する
- 28. メディアクエリに子セレクタを使用できますか?
- 29. 複数のページにわたってgrid.arrangeを使用するか、またはlayout_matrixでmarrangeGrobを使用します。
- 30. MySQLは単一のクエリに対して複数のインデックスを使用できますか?
コードのメンテナンスを容易にするために、少数のクエリを保持する方がよいでしょう。プロジェクトの新しい開発者であり、さまざまなメディアクエリをすべて維持して理解しなければならないと想像してください。簡単ではありません。 –
私はそれに同意するのではないか、あなたはすべて同じものを言うことができます - それほど多くのスタイルを使用せず、あまりJavaScriptを使わず、あまりHTMLを使わず、全体的なプロジェクトの複雑さを増やします。実際には、これらすべてのもの(SCSS、JavaScriptコンポーネント+バンドル、HTMLテンプレートなど)を軽減するためのツールがあります。メディアクエリが必要な場合は、それを使用し、コードを理解しやすくするための他の方法を探してください。 – delinear
もし必要なら、それを使用してください。しかし、私は、フレックスボックスを使用し、スタイルのパーセンテージを調整するなど、モバイル先のコードを最小限に抑える方法を常に考慮する必要があると思います。 –