şükela:  tümü | bugün
  • farklı medya tipleri ve cihazlar için farklı stil kuralları tanımlamaya yarar. css2'de media types olarak geçerken, css3'te media queries adıyla yer alır.

    cihazın yeteneklerine göre bir çok şeyi kontrol eder. mesela;

    * tarayıcının genişliği ve yüksekliği
    * cihazın genişliği ve yüksekliği
    * cihaz yatay mı dikey mi kullanılıyor
    * çözünürlük
    * ve daha neler neler

    kaynak: http://www.w3schools.com/…ef/css3_pr_mediaquery.asp
  • responsive sayfa dizaynında önemli bir rol oynar. css üzerinden cihaz çözünürlüğünü, tipini vs. sorgulayıp kullanılacak style'ları ona göre belirlemeyi sağlar.

    şu açıdan önemli; bu olmasaydı, daha hala javascipt ile "if(width < 500) mybox.width('101px); else mybox.width(400 - someoffset+'px')" şeklinde kod yazıyor olurduk...