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

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


उदाहरण

विशिष्ट ब्रेकप्वाइंट उदाहरण

विभिन्न ब्रेकप्वाइंट पर पृष्ठभूमि रंग परिवर्तन देखने के लिए स्क्रीन का आकार बदलें

आउटपुट

उपरोक्त कोड 1200px से अधिक स्क्रीन आकार पर निम्न आउटपुट उत्पन्न करेगा -

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

0 से 600px के बीच की स्क्रीन पर निम्न आउटपुट दिखाया जाएगा -

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


  1. सीएसएस के साथ सूचियों के लिए बुलेट रंग कैसे बदलें?

    CSS वाली सूचियों के लिए बुलेट रंग बदलने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI

  1. CSS के साथ वेबसाइट के बारे में / हमारे बारे में पेज कैसे बनाएं?

    अबाउट पेज बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    html {       box-sizing: border-box;    }   &nbs

  1. Elfeed के साथ RSS के लिए Emacs का उपयोग कैसे करें

    Emacs सॉफ्टवेयर का एक बहुत ही एक्स्टेंसिबल टुकड़ा है। यह आपका टेक्स्ट एडिटर, आपका ईमेल क्लाइंट और यहां तक ​​कि आपका यूज़नेट रीडर भी हो सकता है। Elfeed के साथ, आप Emacs को अपने RSS फ़ीड रीडर के रूप में भी उपयोग कर सकते हैं। एलफीड क्या है? Elfeed Emacs के लिए लिखा गया एक हल्का लेकिन शक्तिशाली RSS फ़ी