मीडिया क्वेरी डेटा पुनर्प्राप्त कैसे करती है?

Question

उदाहरण के लिए: अधिकतम चौड़ाई और उपकरण और उपकरण और पहलू अनुपात आदि के प्रकार की ऊंचाई के लिए

<!-- CSS media query on a link element --> 
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" /> 

<!-- CSS media query within a style sheet --> 
<style> 
@media (max-width: 600px) { 
    .facet_sidebar { 
    display: none; 
    } 
} 
</style> 

कहाँ और कैसे CSS3 पुनः प्राप्त करता है डेटा?

[संपादित करें] क्या मुझे डेवलपर के रूप में कुछ और करने की आवश्यकता है, जो मैं समझने की कोशिश कर रहा हूं उसकी निचली पंक्ति है। लेकिन आंतरिक (स्पष्टीकरण ठीक है) की एक व्याख्या की सराहना की जाएगी!

Answer 1

ठीक है, यह "CSS3" नहीं है जो डिवाइस/व्यूपोर्ट से डेटा पुनर्प्राप्त करता है - इसके बाद "मीडिया" नाम दिया जाता है। इस तरह के डेटा ब्राउज़र द्वारा आबादी है।

ऐसा करने के बाद, ब्राउजर आपके सीएसएस में प्रत्येक मीडिया क्वेरी के माध्यम से लूप करेगा और पॉप्युलेट मीडिया डेटा के खिलाफ मैच करने का प्रयास करेगा। यदि यह मेल खाता है, तो सीएसएस लागू होता है।

हर बार जब इनमें से किसी भी मीडिया डेटा में कोई बदलाव होता है, तो ब्राउजर जानता होगा और सब कुछ फिर से करेगा, ज्ञात repaint/reflow processes।

डेवलपर के रूप में, मैं आपको ये कहूंगा: इन मामलों में प्रदर्शन के बारे में चिंता न करें। प्रदर्शन रिफैक्टरिंग केवल तभी होनी चाहिए जब आपका पृष्ठ वास्तव में धीमा हो रहा हो; 5 मिलीसेकंड में आपके पृष्ठ को समग्र प्रतिपादन समय तेज करने की कोशिश करना बेकार है, मानव आंखें इसे समझ नहीं सकती हैं।