CSS मीडिया क्वेरीज़ में OR लॉजिक के साथ कई शर्तों को जोड़ना

CSS मीडिया क्वेरीज़ में, "OR" लॉजिक का उपयोग करके कई शर्तों को निर्दिष्ट करना उपयोगी हो सकता है विभिन्न स्क्रीन आकारों या पहलुओं वाले उपकरणों को लक्षित करने के लिए। हालांकि प्रश्न में प्रदान किया गया कोड गलत है, वांछित परिणाम प्राप्त करने के लिए एक सीधी विधि है।

"OR" तर्क के साथ कई शर्तों को निर्दिष्ट करने के लिए, उन्हें अल्पविराम से अलग करें:

@media screen and (max-width: 995px), screen and (max-height: 700px) {
  ...
}

जैसा कि https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Quieries/Using_media_queries पर दस्तावेज़ में बताया गया है:

"अल्पविराम का उपयोग एकाधिक को संयोजित करने के लिए किया जाता है मीडिया क्वेरीज़ को एक ही नियम में रखता है। अल्पविराम से अलग की गई सूची में प्रत्येक क्वेरी को अन्य से अलग माना जाता है, इस प्रकार, यदि किसी सूची में कोई भी क्वेरी सत्य है, तो संपूर्ण मीडिया स्टेटमेंट सत्य लौटाता है। दूसरे शब्दों में, सूचियाँ एक तार्किक या ऑपरेटर की तरह व्यवहार करती हैं।"

इस दृष्टिकोण का उपयोग करते हुए, मीडिया क्वेरी जांच करती है कि स्क्रीन की चौड़ाई 995 पिक्सेल से कम या उसके बराबर है या स्क्रीन की ऊंचाई है 700 पिक्सेल से कम या उसके बराबर. यदि कोई भी शर्त पूरी होती है, तो मीडिया क्वेरी के भीतर निर्दिष्ट शैलियाँ लागू की जाएंगी।