同様に、メディアクエリとは何ですか、それをどのように使用しますか？

メディアクエリは、次の目的で使用されます。

1. CSSの@mediaおよび@ importat-rulesを使用してスタイルを条件付きで適用します。
2. <style>、<link>、<source>、およびmedia =属性を持つその他のHTML要素の特定のメディアをターゲットにします。
3. ウィンドウを使用してメディアの状態をテストおよび監視します。 matchMedia（）およびMediaQueryList。

また、標準のメディアクエリとは何ですか？私の経験では、320px、768px、1200pxが最も一般的に使用されています。これらの3つの値は、それぞれスマートフォン、タブレット/ラップトップ、およびデスクトップをターゲットにするのに十分なはずです。ページ幅

• 320px。
• 480px。
• 600px。
• 768px。
• 900px。
• 1024px。
• 1200px。

同様に、メディアクエリの画面とは何ですか？

メディアクエリは、レスポンシブWebデザインを作成するために使用されます。これは、Webページの表示が、画面またはメディアの種類に基づいてシステムごとに異なることを意味します。 screen ：メディアクエリの画面サイズを設定するために使用されます。画面サイズは、max-widthとmin-widthを使用して設定できます。

メディアクエリはどこに置きますか？

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