UTILS.
Gizlilik varsayılandır
@

CSS Media Query Oluşturucu

Hazır ayarlarla duyarlı bir @media sorgusu oluşturun ve kopyalayın.

Dosyalarınız bu cihazda kalır

Dosyalar tarayıcınızda işlenir, asla sunucuya yüklenmez. Site, araçları çalıştırmak için gereken kod ve kaynakları indirir. Hesap veya takip yoktur.

Bu aracı çevrimdışı kullanım için tek bir HTML dosyası olarak kaydetmek üzere İndir'i kullanın.

Gizlilik →

Bu araç hakkında

Yönelimle birlikte min-width, max-width veya bir aralık seçerek, tek tıklamayla cihaz hazır ayarlarıyla duyarlı bir @media sorgusu oluşturun, ardından sarmalayıcıyı kopyalayın. Hepsi tarayıcınızda çalışır.

Sık sorulan sorular

min-width ile max-width arasındaki fark nedir?
min-width stilleri o genişlikte ve üzerinde uygular (mobil öncelikli), max-width ise o genişlikte ve altında uygular.
Cihaz hazır ayarları nasıl çalışır?
Her hazır ayar tipik kırılma noktalarını doldurur — mobil 767px'e kadar, tablet 768–1023px ve masaüstü 1024px'ten itibaren — ardından ince ayar yapabilirsiniz.

Daha fazla araç