2011-06-28 12 views
10

मैं एक कॉर्पोरेट प्रोजेक्ट पर काम कर रहा हूं, एक ऐसी प्रणाली तैयार कर रहा हूं जिसका उपयोग वर्षों से किया जाएगा। मैं हाल ही में सीएसएस में "प्रक्षेपण" मीडिया प्रकार में आया हूं, और मैं उपयोगकर्ताओं के लिए संभावित लाभों की कल्पना कर रहा हूं, प्रस्तुतिकरण आदि दे रहा हूं, लेकिन मुझे नहीं पता कि यह मेरी कल्पना में है या नहीं यहां एक असली दुनिया का लाभ है। अब तक मुझे पता है कि ओपेरा के कुछ संस्करण मीडिया प्रकार का पूर्णस्क्रीन मोड में उपयोग करते हैं।सीएसएस में "प्रक्षेपण" मीडिया प्रकार कितना विश्वसनीय है?

W3C मीडिया प्रकार प्रविष्टियों: http://www.w3.org/TR/CSS2/media.html

किसी भी ब्राउज़र जब एक प्रोजेक्टर पर इस्तेमाल किया जा रहा प्रक्षेपण मीडिया प्रकार पता लगाता है?

क्या यह भी संभव है? मेरे पास एक झुकाव है, जहां तक ​​एक ब्राउज़र का सवाल है, एक प्रोजेक्टर सिर्फ एक स्क्रीन है, इसलिए कोई पहचान नहीं है। अगर मैं गलत था तो यह बहुत अच्छा होगा।

क्या किसी को प्रक्षेपण मीडिया प्रकार के साथ कोई सफलता मिली है?

उत्तर

8

जहां तक ​​मेरे शोध दिखाए गए हैं, प्रक्षेपण मीडिया प्रकार वर्तमान में ओपेरा द्वारा पूर्णस्क्रीन मोड में उपयोग किया जाता है।

मेरे कंप्यूटर को एक प्रोजेक्टर तक हुक करना और डिस्प्ले मोड को मेरे प्रोजेक्ट सेटिंग्स में "प्रोजेक्टर" में सेट करना किसी भी ब्राउज़र द्वारा चुनी गई स्टाइलशीट पर कोई प्रभाव नहीं पड़ता है।

Code Style में विभिन्न सीएसएस मीडिया मोड के साथ summary of different browsers and their compatibility अच्छा है।

+0

कोई ऐसा जो वास्तव में यह कोशिश की है से सुनने के लिए अच्छा । यदि आप याद कर सकते हैं, तो आपने किन विधियों का उपयोग किया था? स्टाइलशीट घोषणाएं, एक सामान्य सीएसएस फ़ाइल के अंदर मीडिया ब्लॉक, @import नियम? मुझे लगता है कि परिणाम प्रत्येक के साथ समान होंगे, बस मुझे जितना संभव हो उतना चित्र पसंद है। – daveyfaherty

2

मैं प्रक्षेपण मोड का हर समय उपयोग करता हूं, लेकिन दुर्भाग्य से केवल ओपेरा 12 और इससे पहले इसे लागू करता है। आप इसे शुरू करने के लिए F11 मारा, और उसके बाद में

सीएसएस प्रक्षेपण मीडिया किक मैं एक div में प्रत्येक स्लाइड डाल दिया, और फिर सीएसएस का उपयोग करें:।

/* Each slide is a plain div. 
    Special pages (intro material, etc,) have classes like cover, intropage, endpage */ 
body>div { 
    border: medium black solid; 
    margin: 1em 0; 
    width: 40em; 
    padding-bottom: 0; 
    page-break-inside: avoid; 
    overflow: hidden; 
} 

@media projection { /* changes/adds the following properties */ 
    body {font-size: 20pt; margin-left: 0; padding: 0} 
    body>div { page-break-after: always; 
       border-style: none; margin: 0; width: 100%} 
} 
संबंधित मुद्दे