Öncelikle selamlar, aşağıdaki gibi bir css düzeni oluşturursan mobilde ne gözükeceğini ve pc de gözükeceğini sen ayarlarsın. Örnek olarak aşağıdaki max 480px genişliğinde ibaresi, 480px ve altı ekranlarda (muhtemelen telefon ve tablet) gözükecek olan css dir.


@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.