@media screen and (max-width:480px){
/* Buraya yazacağınız css kodu maksimum 480px genişliği olan cihazlarda çalışacaktır. */
}
Biraz daha açmak gerekirse "abc" id'li divin telefonda ve tablette gözükmeyip, pc de gözükmesini istiyorsan aşağıdaki kod satırları işini görecektir.
@media screen and (max-width:480px){ 480px ve daha küçük ekranlar
#abc{display :none;} //#abc divini gizledik
}
@media screen and (min-width:1024px){ // 1024px ve daha büyük ekranlar
#abc{display :block;} //#abc divini görünür yaptık.
}
Umarım açıklayıcı bir yazı olmuştur. Daha detaylı bilgi için google'dan responsive kavramını araştırabilirsin.