ｃｓｓの@mediaについて

.contaler{
background-color: rgb(231, 231, 231);
width: 1366px;
display: flex;
justify-content: space-between;
}
@media (max-width: 390px) {
.contaler{
background-color: red;

}
}
このコードでスマホ用のサイトを作ってたのですがスマホ用で表示出来るか検証をかけてみて調べてみたのですがどうもバックグラウンドカラーが変わらないのですがどうすれば良いでしょうか？

No.1 ベストアンサー 回答者： bx2 回答日時： 2023/05/14 08:37

@media (max-width: 390px) { の意味は、画面の横幅が 390px 以下の場合です。

最近のスマホは当てはまりません。

・@media の説明
https://www.tohoho-web.com/css/rule/media.htm

この回答へのお礼

有り難う

お礼日時：2023/05/17 08:57