मीडिया क्वेरी जनरेटर विशेषता शर्तों और पूर्व-निर्धारित ब्रेकपॉइंट्स के साथ सीएसएस मीडिया क्वेरीज़ बनाएं।

सीएसएस मीडिया क्वेरीज़ @मीडिया नियम का उपयोग करके सशर्त रूप से शैलियों को लागू करती हैं। वाक्य रचना @मीडिया [प्रकार] और (शर्त) {नियम} है। मीडिया प्रकार में स्क्रीन, प्रिंट, और सभी शामिल हैं। मीडिया फीचर्स उपकरण क्षमताओं का परीक्षण करते हैं: रिस्पॉन्सिव ब्रेकपॉइंट्स के लिए min-width/max-width, अभिविन्यास के लिए orientation, डार्क/लाइट मोड के लिए prefers-color-scheme, एनिमेशन संवेदनशीलता के लिए prefers-reduced-motion, होवर क्षमता के लिए hover, और इनपुट सटीकता के लिए पॉइंटर। कई शर्तों को एंड कीवर्ड के साथ जोड़ा जाता है ताकि सभी शर्तें सही हों, या किसी भी शर्त के लिए अल्पविराम द्वारा अलग किया जाता है। नॉट कीवर्ड एक प्रश्न को नकारता है। आधुनिक फीचर्स जैसे prefers-color-scheme और prefers-reduced-motion उपयोगकर्ता वरीयताओं के लिए प्रगतिशील सुधार सक्षम करते हैं। मोबाइल-पहले दृष्टिकोण के लिए, min-width क्वेरीज़ का उपयोग करें। डेस्कटॉप-पहले के लिए, max-width का उपयोग करें। दोनों को जोड़ने से रेंज क्वेरीज़ बनती हैं जैसे @मीडिया (min-width: 768px) और (max-width: 1023px)