UTILS.
100% ब्राउज़र में
@

CSS मीडिया क्वेरी बिल्डर

प्रीसेट के साथ एक रिस्पॉन्सिव @media क्वेरी बनाएँ और कॉपी करें।

इस टूल के बारे में

min-width, max-width या एक रेंज और orientation चुनकर एक रिस्पॉन्सिव @media क्वेरी बनाएँ, एक-क्लिक डिवाइस प्रीसेट के साथ, फिर रैपर कॉपी करें। यह सब आपके ब्राउज़र में चलता है।

अक्सर पूछे जाने वाले प्रश्न

min-width और max-width में क्या अंतर है?
min-width उस चौड़ाई और उससे ऊपर (मोबाइल-फ़र्स्ट) पर स्टाइल लागू करता है, जबकि max-width उन्हें उस चौड़ाई और उससे नीचे लागू करता है।
डिवाइस प्रीसेट कैसे काम करते हैं?
प्रत्येक प्रीसेट सामान्य ब्रेकपॉइंट भरता है — मोबाइल 767px तक, टैबलेट 768–1023px और डेस्कटॉप 1024px से — जिन्हें आप फिर बारीकी से समायोजित कर सकते हैं।

और टूल