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

CSS मीडिया टाइप्स

CSS में निम्न मीडिया टाइप्स हैं:

क्र.सं. मान और विवरण
1. All
सभी डिवाइसेज के लिए उपयुक्त।
2. Aural
स्पीच सिंथेसाइज़र्स के लिए अभिप्रेत।
3. Braille
ब्रेल टैक्टाइल फीडबैक डिवाइसेज के लिए अभिप्रेत।
4. Embossed
पेज्ड ब्रेल प्रिंटर्स के लिए अभिप्रेत।
5. Handheld
हैंडहेल्ड डिवाइसेज के लिए अभिप्रेत (आमतौर पर छोटी स्क्रीन, मोनोक्रोम, सीमित बैंडविड्थ)।
6. Print
पेज्ड, अपारदर्शी सामग्री और प्रिंट प्रीव्यू मोड में स्क्रीन पर देखे जाने वाले डॉक्यूमेंट्स के लिए अभिप्रेत। पेज्ड मीडिया सेक्शन देखें।
7. Projection
प्रोजेक्टेड प्रेजेंटेशन्स के लिए अभिप्रेत, उदाहरण के लिए प्रोजेक्टर्स या ट्रांसपेरेंसीज पर प्रिंट। पेज्ड मीडिया सेक्शन देखें।
8. Screen
मुख्य रूप से कलर कंप्यूटर स्क्रीन्स के लिए अभिप्रेत।
9. Tty
फिक्स्ड-पिच कैरेक्टर ग्रिड का उपयोग करने वाले मीडिया के लिए अभिप्रेत, जैसे टेलीटाइप्स, टर्मिनल्स, या सीमित डिस्प्ले क्षमताओं वाले पोर्टेबल डिवाइसेज।
10. Tv
टेलीविजन-टाइप डिवाइसेज के लिए अभिप्रेत।

नोट: CSS3 में मीडिया क्वेरीज (@media screen and (max-width: 768px)) का उपयोग अधिक लचीला और शक्तिशाली है।

  1. CSS में विभिन्न मीडिया टाइप्स CSS में विभिन्न मीडिया टाइप्स

    CSS मीडिया टाइप्स वे डिवाइस टाइप्स हैं जिन पर डॉक्यूमेंट रेंडर होता है और प्रत्येक मीडिया टाइप के लिए विशिष्ट स्टाइल्स परिभाषित की जा सकती हैं। CSS3 और मीडिया क्वेरीज 4 में निम्नलिखित मीडिया टाइप्स हैं: क्र.सं.मान और विवरण 1allस्टाइलशीट सभी मीडिया टाइप डिवाइसेज पर लागू होती है 2printस्टाइलशीट प्

  1. CSS मीडिया टाइप्स और क्वेरीज को समझना CSS मीडिया टाइप्स और क्वेरीज को समझना

    CSS मीडिया टाइप्स और क्वेरीज उपयोगकर्ता को डिवाइस के सामान्य टाइप (स्क्रीन, प्रिंट, आदि) या उसकी विशेषताओं (स्क्रीन रिज़ॉल्यूशन, व्यूपोर्ट डायमेंशन्स, आदि) के अनुसार कुछ स्टाइल्स को परिभाषित करने में मदद करते हैं। सिंटैक्स मीडिया क्वेरीज का सिंटैक्स निम्नलिखित है: @media not | only mediatype and (e

  1. CSS में मीडिया क्वेरीज़ से रिस्पॉन्सिव वेब डिज़ाइन CSS में मीडिया क्वेरीज़ से रिस्पॉन्सिव वेब डिज़ाइन

    मीडिया क्वेरीज़ मोबाइल, डेस्कटॉप आदि जैसे विभिन्न आकार के डिवाइसेज़ के लिए अलग-अलग स्टाइल नियमों की एक CSS तकनीक है।मीडिया क्वेरीज़ और रिस्पॉन्सिव वेब डिज़ाइन को CSS में दिखाने वाला कोड निम्न है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="w