Bağcılar Web Tasarım

Bu medya sorgusu özelliklerine dayalı olarak genişliklerin ayarlanması ve sınırlandırılması hakkında daha fazla bilgi için “Yönlendirme Medya Sorgusu” na bakın. Yatay ve dikey yönler için bile, birden fazla stil sayfası ve genişlik aralıklarına uyacak şekilde tanımlanmış temel mizanpaj değişiklikleri oluşturulabilir. Daha fazla örnek ve daha kapsamlı bir açıklama için Ethan Marcotte’nin “Medya sorgusuyla tanışın” başlıklı makalesinin bölümüne baktığınızdan emin olun. Birden çok ortam sorgusu, kullanıldığında en verimli seçenek olan tek bir stil sayfasına da bırakılabilir: / * Akıllı telefonlar (dikey ve yatay) ———– * / @media yalnızca ekranı ve (min-cihaz-genişlik: 320 piksel) ve (max-device-width: 480px) { / * Stiller * / } / * Akıllı telefonlar (yatay) ———– * / @media yalnızca ekranı ve (min-genişlik: 321 piksel) { / * Stiller * / } / * Akıllı telefonlar (portre) ———– * / @media yalnızca ekranı ve (max-width: 320px) { / * Stiller * / } Kopyala Yukarıdaki kod, Andy Clark’ın popüler cihazları arasındaki çoklu medya sorguları için ücretsiz bir şablondan alınmıştır. “Hardboiled Web Tasarımı” adlı kitabında açıklandığı gibi, bu yaklaşım arasındaki ve biçimlendirmeye farklı stil sayfası dosyaları dahil etme arasındaki farkları görün.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir