सामग्री पर जाएं

CSS मीडिया क्वेरी जनरेटर

CSS मीडिया क्वेरी विज़ुअली बनाएँ। स्क्रीन साइज़, ओरिएंटेशन, कलर स्कीम और अधिक के लिए कंडीशन जोड़ें। सामान्य ब्रेकपॉइंट के लिए प्रीसेट उपयोग करें। CSS कोड कॉपी करें। मुफ्त ऑनलाइन टूल।

शर्तें
त्वरित प्रीसेट
CSS आउटपुट
 

CSS मीडिया क्वेरी क्या हैं?

CSS मीडिया क्वेरी आपको डिवाइस की विशेषताओं जैसे स्क्रीन चौड़ाई, ओरिएंटेशन, कलर स्कीम प्राथमिकता और अधिक के आधार पर सशर्त रूप से स्टाइल लागू करने देती हैं। ये रिस्पॉन्सिव वेब डिज़ाइन की नींव हैं।

मीडिया फ़ीचर्स

min-width / max-width रिस्पॉन्सिव लेआउट के लिए स्क्रीन चौड़ाई को लक्षित करते हैं। orientation पोर्ट्रेट या लैंडस्केप का पता लगाता है। prefers-color-scheme उपयोगकर्ता की डार्क/लाइट मोड सेटिंग का सम्मान करता है। prefers-reduced-motion एक्सेसिबिलिटी सेटिंग्स का पता लगाता है। hover और pointer इनपुट क्षमताओं का पता लगाते हैं।

गोपनीयता

सभी मीडिया क्वेरी जनरेशन 100% आपके ब्राउज़र में चलता है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।