レスポンシブコードの意味なのですが、 max-width min-widthについて。 @media

レスポンシブコードの意味なのですが、
max-width　min-widthについて。




@media screen and (max-width: 640px) {

640以下の幅のレスポンシブ対応のコード

640ｐｘ丁度も含みますでしょうか？

それとも６３９ｐｘなら適応でしょうか？


/* 画面幅（641px以上の時までの適応）指定 */
@media screen and (min-width: 641px){

641以上の画面幅でのレスポンシブ対応のコード

641px丁度も含みますでしょうか？

それとも642px以上なら適応でしょうか？

No.1 ベストアンサー 回答者： naokita 回答日時： 2021/08/05 23:22

丁度の数値も含みます！

指定数値の「以下/以上」の意図通りですから、「以下/以上」で覚えておけば良いです。

スマホなどの端末の仕様が、640pxとなっていれば、そのスマホが適用されます。

mediaクエリ以外のCSSの場合も同じです。

この回答へのお礼

ありがとうございます

お礼日時：2021/08/15 07:56