UTILS.
%100 tarayıcıda
@

CSS Media Query Oluşturucu

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

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ç