मीडिया क्वेरी मोबाइल, डेस्कटॉप आदि जैसे विभिन्न आकार के उपकरणों के लिए विभिन्न शैली के नियमों के लिए एक सीएसएस तकनीक है।
CSS में मीडिया क्वेरीज़ और रिस्पॉन्सिव वेब डिज़ाइन दिखाने वाला कोड निम्नलिखित है -
मीडिया क्वेरी उदाहरण
विभिन्न ब्रेकप्वाइंट पर पृष्ठभूमि रंग परिवर्तन देखने के लिए स्क्रीन का आकार बदलें
आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
सीएसएस के साथ प्रतिक्रियाशील प्रशंसापत्र बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "
उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; रंग सफेद; } @मीडिया केवल स्क्रीन और (अधिकतम-चौड़ाई:600px) { शरीर {पृष्ठभूमि:rgb(207, 60, 151); } } @मीडिया केवल स्क्रीन और (न्यूनतम-चौड़ाई:600px) { शरीर {पृष्ठभूमि:rgb(0, 128, 107); } } @मीडिया केवल स्क्रीन और (न्यूनतम-चौड़
CSS min() फ़ंक्शन का उपयोग करके, हम अपने वेबपेजों में एक responsive logo बना सकते हैं। यह हमें CSS विशेषता के लिए न्यूनतम मान निर्दिष्ट करने की अनुमति देता है। सिंटैक्स CSS min() प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { attribute: min(/*value*/,/*value*/); } उदाहरण निम्नलिखित उ
