css - レスポンシブ デザインの基本的な理解

Question

誇大広告はレスポンシブ Web デザインであり、私はすでにそれを書く方法を知っているので、何か間違ったことをし続ける前に、私自身のいくつかの質問を明確にするためにここにいます。

div スタイルを次のように設定すると:

div {
   width:200px;
   height:200px;
   background: #000;
   margin: 10px 5px;
    } 

今、私たちが望む方法で応答するために、私たちは何をしますか-

div {
   background:#000
    }
 @media screen and(max-width:1200px) {
    div {
      width:300px;
      height:300px;
      margin: 20px 5px;//Question is here
        }
     }
 @media screen and(max-width:720px) {
     div {
    width:300px;
    height:300px;
    margin: 20px 5px;//question is here
         }
     }

 @media screen and(max-width:360px) {
      div {
    width:200px;
    height:200px;
    margin: 10px 5px;
          }
     }

問題は、マージンまたは同じになるスタイルを設定する場合、幅を大きくしたり、幅を最小にしたりする場合、それを割り当て続けますか? マージンを 20px 5px に設定すると、1200px まで維持されるのでしょうか? 逆の場合も同じことが言えますが、360px になるまで同じままで、その後変更されますか?

それは私を悩ませてきた質問です。

Answer 1

マージンと幅にパーセンテージ値を使用すると思います。サイズ変更の問題を回避できます