सीएसएस मीडिया प्रश्न: चौड़ाई, पिक्सेल अनुपात, आदि निर्दिष्ट किए बिना लक्षित मोबाइल डिवाइस

Question

मान लें कि मैं आकार के बावजूद हर टैबलेट और फोन को लक्षित करना चाहता हूं, क्या इसके लिए कोई मीडिया प्रश्न है? क्या आकार निर्दिष्ट किए बिना ऐसा करना संभव है? या आकार का उपयोग मोबाइल उपकरणों को लक्षित करने का एकमात्र तरीका है, न कि डेस्कटॉप पर?

Answer 1

CSS3 spec में, @media handeld का उल्लेख किया गया है लेकिन इसमें शायद कोई ब्राउज़र समर्थन नहीं है।

तो, नहीं।

हालांकि, आपको this site उपयोगी मिल सकता है, यह मोबाइल के लिए कुछ अन्य मीडिया क्वेरी तकनीकों को बताता है।

Answer 2

मैं कुछ दिनों से इसके साथ संघर्ष कर रहा हूं, लेकिन हैंडहेल्ड उपकरणों की जांच करने का एक अच्छा तरीका अधिकतम डिवाइस-चौड़ाई है। डेस्कटॉप पीसी इसे ब्राउज़र पर नहीं भेजता है, लेकिन अधिकांश (यदि नहीं सभी) हैंडहेल्ड इसका उपयोग करते हैं।

मेरे मामले में मैं (डेस्कटॉप सहित) जब एक निश्चित चौड़ाई नीचे, जिसके लिए मैं उपयोग किए गए सभी उपकरणों पर साइट का संकुचित संस्करण दिखाना चाहते थे

@media all and (max-width: 640px)

लेकिन एक निश्चित ओवरले पॉपअप कि इस्तेमाल किया position: fixed को केवल हैंडहेल्ड पर बदला जाना था (क्योंकि सीएसएस संपत्ति सभी डेस्कटॉप ब्राउज़र में काम करती है लेकिन सभी हैंडहेल्ड पर नहीं)।

@media all and (max-device-width: 640px)

जो में मैं 640 नहीं बल्कि डेस्कटॉप ब्राउज़र से नीचे के सभी हैण्डहेल्ड को लक्ष्य: उस के लिए तो मैं एक अतिरिक्त नियम का इस्तेमाल किया। संयोग से, यह आईपैड को लक्षित नहीं करता है (जो मैं इसे चाहता था) क्योंकि इसमें 640 पीएक्स की तुलना में उच्च डिवाइस चौड़ाई है।

यदि आप बस सभी उपकरणों को लक्षित करना चाहते हैं तो बस एक न्यूनतम न्यूनतम चौड़ाई (1 पीएक्स) चुनें ताकि यह चौड़ाई के बावजूद किसी भी डिवाइस को बाहर न कर सके।

Answer 3

मुझे नहीं लगता कि आपको शुद्ध सीएसएस दृष्टिकोण के साथ बहुत अधिक भाग्य मिलेगा। आप modernizer.js दृष्टिकोण के साथ कुछ और करना चाहते हैं और हमें जेएस डिवाइस का पता लगाने और उसके आधार पर शरीर के लिए कक्षा का नाम जोड़ने के लिए।

What is the best way to detect a mobile device in jQuery?

फिर भिन्न आकारों की विशेष मामला मोबाइल उपकरणों के लिए अपने मीडिया प्रश्नों में उस वर्ग में शामिल हैं।