सीएसएस मीडिया प्रश्नों का संयोजन

Question

मैं पृष्ठ (मीडिया = प्रिंट) और मोबाइल फोन पर ब्राउज़ करने वाले लोगों को प्रिंट करने वाले लोगों को सीएसएस शैलियों का एक ही सेट प्रदर्शित करना चाहता हूं। क्या कोई तरीका है कि मैं सीएसएस मीडिया प्रश्नों को जोड़ सकता हूं?

कुछ

@media only print or @media only screen and (max-device-width: 480px) { 
    #container { 
    width: 480px; 
    } 
} 

Answer 1

उन्हें अल्पविराम से अलग करें:

@media only print, only screen and (max-device-width: 480px) 

See the spec, विशेष रूप से, उदाहरण के छठे (जोर जोड़ा):

कई मीडिया के प्रश्नों एक मीडिया क्वेरी सूची में जोड़ा जा सकता है। एक मीडिया प्रश्नों की अल्पविराम से अलग सूची। यदि अल्पविराम से अलग सूची में मीडिया में से एक या अधिक मीडिया क्वेरी सत्य हैं, तो पूरी सूची सत्य है, और अन्यथा गलत है। मीडिया क्वेरी सिंटैक्स में, कॉमा को लॉजिकल या व्यक्त करता है, जबकि 'और' कीवर्ड लॉजिकल और व्यक्त करता है।

मुझे शक है कि दूसरी only की जरूरत है, तो आप शायद कर सकते हैं:

@media only print, screen and (max-device-width: 480px) 

Answer 2

से https://developer.mozilla.org/en/CSS/Media_queries

आप एक अल्पविराम द्वारा पृथक सूची में कई मीडिया के प्रश्नों को जोड़ सकते हैं की तरह; यदि सूची में से कोई भी मीडिया प्रश्न सत्य है, तो संबंधित शैली शीट लागू होती है। यह तार्किक "या" ऑपरेशन के बराबर है।

आपको बस दूसरे @media को हटाने और कुछ ब्रैकेट जोड़ने होंगे।