![#](/Upload/PagePhoto/sm/95dd62378fb3418cbfe629330a6fe795-PagePhoto.jpg)
TECRÜBEMİZİ YAZILIMCILARLA
PAYLAŞIYORUZ.
BİLGİ PAYLAŞTIKÇA ÇOĞALIR
BLOG
![CSS3 @media sorguları](/Upload/BlogCoverImage/lg/26e5b852ba664268b2500b0bafce279c-BlogCoverImage.png)
CSS3 @media sorguları
Medya sorguları (responsive = duyarlı tasarım), CSS3'te tanıtılan bir CSS tekniğidir.
Belirli koşul veya koşullar doğru ise CSS özelliklerinin bir veya birden fazla bloğunu değiştirmek için @media etiketi kullanılır.
Örneğin tarayıcı penceresi 600px <= ise metin rengini yeşil yapalım. Değişikliği görmek için mobil cihazdan giriş yapınız veya tarayıcınızın boyutunu küçültünüz.
Orientation: Portrait (dikey) / Landscape (yatay)
Örnek olarak herhangi bir cihazdan sitemize giriş yapıldığında dikey ekranda metni ortalamak için aşağıdaki kodu kullanabilirsiniz:
@media only screen and (orientation: portrait) {
.text {
text-align: center;
}
}
Sadece belirli cihaz(lar)a özel @media etiket(ler)i kullanabilirsiniz. Bunun için bağlantıyı takip ediniz.
@media sorgularının detaylı listesi için tıklayınız.
Detaylı responsive örneği için bağlantı'da ki kodları inceleyebilirsiniz.