Media Query - मीडिया क्वेरी का क्या मतलब है?

मीडिया क्वेरी एक HTML/CSS कार्यक्षमता है जो वेब पेज की सामग्री को उस मीडिया के प्रकार के अनुकूल होने देती है जिसमें पेज को रेंडर किया जा रहा है, जैसे कि कंप्यूटर स्क्रीन या फोन या टैबलेट। इसे रिस्पॉन्सिव वेब डिज़ाइन को लागू करने के लिए एक मुख्य तकनीक माना जाता है और इसे जून 2012 में अन्य CSS3 कार्यक्षमताओं के साथ मानक के रूप में लागू करने की अनुशंसा की गई थी।

मीडिया क्वेरी में एक मीडिया प्रकार के साथ-साथ एक या अधिक अभिव्यक्तियाँ शामिल होती हैं जो सशर्त रूप से कुछ मीडिया सुविधाओं, विशेष रूप से स्क्रीन आकारों की जाँच करती हैं। मीडिया क्वेरी में तार्किक अभिव्यक्तियाँ सत्य या असत्य हो सकती हैं; यह सत्य है यदि क्वेरी का मीडिया प्रकार उस डिवाइस के मीडिया प्रकार से मेल खाता है जहाँ उपयोगकर्ता एजेंट (वेब ​​ब्राउज़र) चल रहा है; अन्यथा, यह असत्य है। जब मीडिया क्वेरी का परिणाम सत्य होता है, तो निर्दिष्ट संबंधित स्टाइल नियम सामान्य कैस्केडिंग नियमों का पालन करते हुए लागू किए जाएँगे। यह ध्यान दिया जाना चाहिए कि, भले ही क्वेरी का परिणाम असत्य हो, <लिंक> टैग के भीतर निर्दिष्ट स्टाइल शीट अभी भी डाउनलोड की जाती हैं, लेकिन उन्हें लागू नहीं किया जाता है।

HTML <link> टैग का उपयोग करके उदाहरण:

<link rel="stylesheet" media="(max-width: 600px)" href="specific.css" />

<style> टैग के भीतर @media का उपयोग करके उदाहरण:

<style>
@media (max-width: 500px){
.left_sidebar {display: none; }
}
</style>