CSS Medya Sorgusu Nedir?

CSS medya sorgusu, ekran boyutu, çözünürlük, yönelim veya renk şeması gibi cihaz özelliklerine göre farklı stiller uygulamanızı sağlayan bir tekniktir. Medya sorguları, duyarlı web tasarımının temelini oluşturur ve web sitelerinin akıllı telefonlardan masaüstü monitörlere kadar farklı cihazlarda düzen ve görünümünü uyarlamasını sağlar. CSS'te @media kuralını kullanarak, belirli koşullar karşılandığında stil uygulamalarını koşullu olarak gerçekleştirirler.

Araç Açıklaması

Bu araç, karmaşık sözdizimini ezberlemeden CSS medya sorguları oluşturmanıza yardımcı olur. Hedef medya tipinizi seçin, boyutları belirtin, cihaz özelliklerini seçin ve araç, stil sayfalarınızda kullanıma hazır tam @media kuralını oluşturur. Görüntüleme alanı boyutları, ekran yönelimi, en‑boy oranları, çözünürlük algılama ve renk şeması tercihleri dahil olmak üzere tüm modern medya sorgu özelliklerini destekler.

Özellikler

  • Medya Tipi Seçimi: Tüm, ekran, yazdırma veya konuşma medya tipleri arasında seçim yapın
  • Boyut Kontrolleri: Minimum ve maksimum genişlik/yüksekliği herhangi bir CSS birimi (px, em, rem, vw, vb.) ile ayarlayın
  • Cihaz Özellikleri: Yönelim, en‑boy oranı, çözünürlük ve renk şeması tercihlerini yapılandırın