【メディアクエリについて】 CSS内でand (max-weight: 500px)にしても反応無し

【メディアクエリについて】

CSS内でand (max-weight: 500px)にしても反応無しで、and (max-device-weight: 500px)にすると反応します。device-weightは非推奨と見たのでweightで反応するようにしたいのですができなくて困ってます。
キャッシュ系では問題ないと思いますし、CSS内の入力ミスもありませんでした。
教えて頂けると助かります。
よろしくお願い致します。



例)
[HTML<meta >内↓]

meta name="viewport" content="width=device-width, initial-scale


[CSS内↓]

@media screen and (max-weight: 500px){
main{background-color: red;}
}

No.1 回答者： gura_ 回答日時： 2020/06/09 09:52

KOBA___さん

　････(max-weight: 500px)にしても･･････････

max-width: 500px) ではないの？

ご参考に↓
http://www.tohoho-web.com/css/rule/media.htm
https://wemo.tech/839#index_id8

この回答へのお礼

guraさんありがとうございます！
すみません間違えてました。
実際のソースです。↓


main{
background-color: #ccffff;
padding-bottom: 10px;
}
@media screen and (max-width: 600px){
main{background-color: red;}
}

どうしてかわからなくて、、、
いつもご丁寧にありがとうございます！

お礼日時：2020/06/09 10:45