電話対応のウェブサイト

Question

私はモバイル対応のウェブサイトを作ろうとしています。私はちょうどこれが動作するかどうかを確認するために次のコードを試したが、クロムで自分のウェブページを小さくするとコードを作成しないように見える。これはこういうことになっているのですか？何か不足していますか？または、私は実際に私の電話に行き、ウェブページを試してみる必要がありますか？

@media screen and(max-width:480px){ 
    body{ 
     background-color: black; 
    } 
} 

Answer 1

それ以外の場合は無効なコードです。 https://jsfiddle.net/7fo28qrd/

@media screen and (max-width:480px){//space between `and` and `(` 
    body{ 
     background-color: black; 
    } 
}