@media (min-width: 1000px) {
/* ekran genişliği en az 1000px ise çalışıcak css kodları burada bulunuyor */
}
@media (max-width: 500px) {
/* Ekran genişliği en fazla 500px ise çalışıcak olan css kodları burada bulunuyor*/
}
Örneğin mobil tasarım yapıcaksan ve elinde tüm divleri kapsıyan bir divin var ise:
@media (max-width: 500px) {
#genel_div{width:100%;height:auto;background:red;}
/* Genişlik 500 altında olunca,div ekranı yüzde yüz doldurucak.Böylece div genişliği 500px altında olan her türlü cihaza uygun olarak kendi şeklini alıcak.*/
}
Klasik rehber linkleri vermek yerine,kendim anlatıyım dedim.Anlamadığın yer olursa,buyur.
Bu arada static,responsive ve liquid arasındaki farkları anlaman için
http://www.liquidapsive.com/ sitesini ziyaret edebilirsin.
Meta etiketini yazmayı unutma.