CSS2, farklı ekran çözünürlükleri için farklı stylesheet atamamızı sağlıyordu. CSS3 ise media sorgulamaları sayesinde tüm bu işlemleri tek dosyada yapmamızı sağlıyor. CSS3 media sorgulamaları sayesinde her tip ekran çözünürlüğü için tasarımlar oluşturabiliyoruz. Özellikle sayfalarınıza mobil sürüm hazırlarken kullanabileceğiniz media etiketi web tasarımınıda yeni bir devrin başlamasına sebep oldu. Makalemizin devamında media sorgularını örneklendireceğiz, tanıyacağız ve bu teknik ile hazırlanmış birkaç web sayfası paylaşacağız. CSS3 Medya Sorguları Öncelikle sizler için hazırladığımız örneği görüntüleyerek işleme başlayabilirsiniz. Örnekteki şekil 600′den küçük ekran genişliğinde üçgene, 600 ile 1200 arası ekran genişliğinde kareye, 1200′den büyük ekran genişliğinde daireye dönüşecektir. Max Width Bu alandaki CSS kodları maksimum x ekran çözünürlüğüne göre kullanılır. Aşağıdaki tanımlama 900 pikselden küçük ekran genişliklerinde bütün yazıları kırmızı renge dönüştürür. HTML: