"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > मैं CSS @media प्रश्नों के साथ iPhone और Android ब्राउज़र को कैसे लक्षित करूं?

मैं CSS @media प्रश्नों के साथ iPhone और Android ब्राउज़र को कैसे लक्षित करूं?

2024-11-12 को प्रकाशित
ब्राउज़ करें:619

How do I target iPhone and Android browsers with CSS @media queries?

आईफोन और एंड्रॉइड ब्राउज़र पर सीएसएस @मीडिया हैंडहेल्ड सपोर्ट

मोबाइल ब्राउज़र के लिए वेब पेजों को तैयार करने के प्रयास में, डेवलपर्स इसका उपयोग करने का प्रयास कर सकते हैं पृष्ठ के स्वरूप को बदलने के लिए सीएसएस @मीडिया हैंडहेल्ड क्वेरीज़। हालाँकि, कुछ प्लेटफ़ॉर्म, जैसे कि iPhone वाया Safari, इस दृष्टिकोण की उपेक्षा करते हैं।

iPhone और Android के लिए वैकल्पिक दृष्टिकोण

इस सीमा को संबोधित करने के लिए, अनुशंसित समाधान है विशिष्ट उपकरण विशेषताओं को निर्दिष्ट करने वाले मीडिया प्रश्नों का उपयोग करें। निम्नलिखित कोड iPhone (या 480px या उससे कम स्क्रीन चौड़ाई वाले किसी भी उपकरण) को लक्षित करना दर्शाता है:

उच्चतर उपकरणों को लक्षित करना रिज़ॉल्यूशन

जैसा कि उल्लेख किया गया है, Droid X जैसे उपकरणों में उच्च रिज़ॉल्यूशन होते हैं जिन्हें उपरोक्त क्वेरी द्वारा पता नहीं लगाया जा सकता है। ऐसे उपकरणों को लक्षित करने के लिए, मीडिया क्वेरीज़ डिवाइस की भौतिक विशेषताओं का निरीक्षण कर सकती हैं, जैसे रिज़ॉल्यूशन:

अतिरिक्त संसाधन

आगे की जानकारी उपलब्ध ए लिस्ट अपार्ट लेखों और मीडिया प्रश्नों के लिए W3 अनुशंसा में पाई जा सकती है।

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3