CSS3 ORTAM SORGULARI Yukarıda, hem CSS 2.1 hem de CSS3’ten medya sorgularının nasıl çalışabileceğine dair birkaç örnek verilmiştir. Şimdi, duyarlı Web tasarımları oluşturmak için CSS3 medya sorgularını kullanmak için bazı özel nasıl yapılır bilgilerine bakalım. Bu kullanımların çoğu bugün geçerlidir ve hepsi yakın gelecekte kesinlikle kullanılabilir olacaktır. Min-width ve max-width özellikleri tam olarak önerdiklerini yapar. Min-width özelliği, belirli bir stil kümesinin (veya ayrı stil sayfasının) uygulanacağı minimum tarayıcı veya ekran genişliğini ayarlar. Bu sınırın altında herhangi bir şey varsa, stil sayfası bağlantısı veya stiller göz ardı edilecektir. Max-width özelliği tam tersini yapar. Belirtilen maksimum tarayıcı veya ekran genişliğinin üzerindeki herhangi bir şey, ilgili medya sorgusu için geçerli olmayacaktır. Aşağıdaki örneklerde, tümü tek bir stil sayfasında kullanılabilen medya sorguları için söz dizimini kullandığımıza dikkat edin. Yukarıda belirtildiği gibi, medya sorgularını kullanmanın en etkili yolu, hepsini web sitesinin geri kalanıyla birlikte tek bir CSS stil sayfasına yerleştirmektir.