UTILS.
निजता हमेशा पहले
@

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

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

आपकी फ़ाइलें इसी डिवाइस पर रहती हैं

फ़ाइलें ब्राउज़र में प्रोसेस होती हैं, कभी अपलोड नहीं होतीं। साइट टूल चलाने के लिए ज़रूरी कोड और संसाधन डाउनलोड करती है। न खाता, न ट्रैकर।

इस टूल को एक HTML फ़ाइल में सहेजकर ऑफ़लाइन इस्तेमाल करने के लिए डाउनलोड करें।

गोपनीयता →

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

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

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

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

और टूल