スマホ対応のメディアクエリの書き方

スマホ対応のメディアクエリを書きたいです。以下のコードをスタイルシートに直接記述したのですが、パソコンで設定したstyleがスマホに表示されず、スマホ対応になっていません。どうすればスマホ対応にできますか?

p {
 color:red;
}
@media screen and (min-width:480px) { 
p { color:#ededed;}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
p {}
}
@media screen and (min-width:1024px) {

}

• このトピックはdoraemon416が7年、 2ヶ月前に変更しました。