Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

विभिन्न आकार के उपकरणों के लिए विभिन्न सीएसएस शैली नियमों के लिए मीडिया क्वेरी सेट करें

विभिन्न CSS स्टाइल नियमों के लिए मीडिया प्रश्नों को सेट करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

उदाहरण

 <सिर> <शैली> बॉडी { बैकग्राउंड-कलर:लाइटपिंक; } @मीडिया स्क्रीन और (अधिकतम-चौड़ाई:420px) { शरीर {पृष्ठभूमि-रंग:हल्का नीला; } }    

यदि स्क्रीन का आकार 420px से कम है, तो यह हल्का नीला रंग दिखाएगा, अन्यथा यह हल्का गुलाबी रंग दिखाएगा
  1. सीएसएस मीडिया प्रश्न

    विभिन्न उपकरणों में संगत वेबसाइटों को डिजाइन करना यह सुनिश्चित करने के लिए एक महत्वपूर्ण कदम है कि एक वेबसाइट अधिक से अधिक विभिन्न उपयोगकर्ताओं के लिए सुलभ हो। यहीं पर मीडिया के प्रश्न आते हैं। CSS मीडिया क्वेरीज़ आपको CSS नियम लागू करने की अनुमति केवल तभी देती है जब ब्राउज़र आपके द्वारा परिभाषित

  1. CSS में विभिन्न मीडिया प्रकार

    CSS मीडिया प्रकार वे उपकरण प्रकार हैं जिन पर दस्तावेज़ प्रस्तुत किया जाता है और प्रत्येक मीडिया प्रकार के लिए विशिष्ट शैलियों को परिभाषित किया जा सकता है। CSS3 और मीडिया क्वेरीज़ 4 में मीडिया प्रकार निम्नलिखित हैं - क्रमांक मूल्य और विवरण 1 सभी स्टाइलशीट सभी मीडिया प्रकार के उपकरणों पर लागू

  1. सीएसएस के साथ सामान्य डिवाइस ब्रेकप्वाइंट के लिए मीडिया प्रश्नों का उपयोग कैसे करें?

    उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; रंग सफेद; } @मीडिया केवल स्क्रीन और (अधिकतम-चौड़ाई:600px) { शरीर {पृष्ठभूमि:rgb(207, 60, 151); } } @मीडिया केवल स्क्रीन और (न्यूनतम-चौड़ाई:600px) { शरीर {पृष्ठभूमि:rgb(0, 128, 107); } } @मीडिया केवल स्क्रीन और (न्यूनतम-चौड़