CSS3 मीडिया क्वेरीज़

Question

इन दो निर्देशों के बीच क्या अंतर है?

@media screen and (max-device-width: 480px) {} 

और

@media only screen and (max-device-width: 480px) {} 

Answer 1

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

से http://www.w3.org/TR/css3-mediaqueries/

वास्तविक उपयोग परिदृश्यों में, only screen क्वेरी कि आधुनिक सीएसएस का समर्थन विशिष्ट मोबाइल ब्राउज़र को लक्ष्य करने के लिए प्रयोग किया जाता है।

http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

इससे भी अधिक स्पष्ट रूप से

से "केवल" कीवर्ड के साथ एक मीडिया क्वेरी लगाकर गैर CSS3 के संगत ब्राउज़रों नियम की अनदेखी करने के लिए कारण होगा।

http://www.html5rocks.com/en/mobile/mobifying.html

से