私は完全にメディアクエリを理解していません

Question

誰かが実行を与えることができますか？ボタンや画像、フッターなどがあれば？それはすべて1つのメディアクエリに入りますか、それとも分離されていますか？私は非常に混乱しています。

Answer 1

など

私にとって、それはどのくらいのクラス内に依存私のスタイルシートの各セクションはです。私は通常、自分のサイトのヘッダー、フッター、その他のセクションにたくさんのクラスを持っています。だから私はちょうど私のCSSの各セクションの下にメディアクエリを追加します。瞬時に。

  /* Header Styles */ 

      .header { width:100%; } 
      .header ul { } 
      .header ul li { } 
      .header ul li a {} 

      @media (min-width:768px){ 
       .header { width:80%; } 
      } 

      /* Footer Styles */ 

      .footer { width:100%; } 
      .footer ul { } 
      .footer ul li { } 
      .footer ul li a {} 

      @media (min-width:768px){ 
       .footer { width:80%; } 
      } 

このように、私は各セクションとそのメディアクエリを次々と編集することができます。基本的には、CSSファイルに必要な数のメディアクエリを含めることができます。制限なし。

私はこれが説明することを望みます。 w3schools.comリンクのリソースやメディアクエリのその他のリソースをチェックしてみてください。

Answer 2

メディアクエリは特定の「フラグ」で特定のCSSルールを設定します。

これらは、画面に関連したり、ドキュメントを印刷するときに特定のCSSルールを設定したり、スクリーンリーダーに関連付けることができます。

続きを読むあなたのウェブサイトは、サイズをスクリーニングするために関連付けることができるように@Berdesdanは、言ったメディアクエリは、特定のスタイルを設定するのと同じように

https://www.w3schools.com/css/css_rwd_mediaqueries.asp https://www.w3schools.com/css/css3_mediaqueries.asp