उत्तरदायी वेब डिज़ाइन: एंड्रॉइड डिफ़ॉल्ट ब्राउज़र "सोचता है" कि वह उससे बड़ा है

मुझे मेटा टैग का पालन करना है

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

और सीएसएस नियम

@media all and (max-device-width: 640px) { ... }
@media all and (max-device-width: 480px) { ... }

जब मैं अपने फोन पर क्रोम द्वारा साइट खोलता हूं तो सबकुछ अपेक्षित काम करता है - max-device-width: 480px नियमों का उपयोग किया जाता है। लेकिन जब मैं एंड्रॉइड 4 डिफ़ॉल्ट ब्राउज़र द्वारा साइट खोलता हूं तो यह max-device-width: 640px नियमों का उपयोग करता है। क्या आप इस तरह के व्यवहार की व्याख्या कर सकते हैं?

2
जोड़ा संपादित
विचारों: 1
अधिकतम-चौड़ाई के साथ यह अपेक्षा के अनुसार काम करता है। लेकिन जब उपयोगकर्ता ब्राउज़र विंडो के आकार को बदलता है तो हम मोबाइल डिज़ाइन प्रदर्शित नहीं करना चाहते हैं। तो हम max-device-width का उपयोग कर रहे हैं
जोड़ा लेखक fedor.belov, स्रोत
हां, हम सभी उपकरणों के लिए एक ही एचटीएमएल/सीएसएस का उपयोग करते हैं। तो पीसी उपयोगकर्ता ब्राउजर की चौड़ाई बदल सकता है। जब ब्राउज़र विंडो चौड़ाई बहुत छोटी मोबाइल डिज़ाइन प्रदर्शित की जाएगी जो हमारे ग्राहकों के लिए खराब है
जोड़ा लेखक fedor.belov, स्रोत
जब आप max-width स्क्रीन रिज़ॉल्यूशन का उपयोग करते हैं तो इससे कोई फर्क नहीं पड़ता ... वैसे भी यह समस्या को समझाता नहीं है।
जोड़ा लेखक fedor.belov, स्रोत
खैर ... हम डेवलपर हैं .. हम ग्राहक नहीं हैं। व्यक्तिगत रूप से मैं अधिकतम-चौड़ाई का उपयोग करूंगा
जोड़ा लेखक fedor.belov, स्रोत
क्या आपने max-device-width के बजाय max-width के साथ प्रयास किया था?
जोड़ा लेखक matewka, स्रोत
आपका मतलब पीसी पर ब्राउजर विंडो का आकार है?
जोड़ा लेखक matewka, स्रोत
क्या आप यह नहीं मान सकते कि 99.9% पीसी स्क्रीन कम से कम 1024px हैं?
जोड़ा लेखक matewka, स्रोत
हां, लेकिन आप क्यों मानते हैं कि उपयोगकर्ता अपने ब्राउज़र का आकार बदल देंगे?
जोड़ा लेखक matewka, स्रोत
यदि उपयोगकर्ता अपने ब्राउज़र का आकार बदलता है और वेबसाइट को डेस्कटॉप की तरह दिखने की अपेक्षा करता है तो मुझे परवाह नहीं है। जैसे क्या आप उपयोगकर्ता के ब्राउज़र प्लगइन्स की भविष्यवाणी करने की कोशिश करते हैं और वे लेआउट को कैसे नष्ट कर सकते हैं? मुझे यकीन है कि आप नहीं करते हैं। विंडो आकार बदलने के साथ यह वही है। कृपया, thebestdesigns.com देखें, कुछ वेबसाइटों की समीक्षा करें, ब्राउज़र विंडो का आकार बदलें और आप डेवलपर देखेंगे ऐसी चीजों पर ध्यान न दें। मैं यह भी कहूंगा कि पीसी पर भी वेबसाइट को उत्तरदायी बनाने के लिए यह अन
जोड़ा लेखक matewka, स्रोत

1 उत्तर

इस टैग का उपयोग करने का प्रयास करें @media (अधिकतम-चौड़ाई: 640 पीएक्स) {...} और @media (अधिकतम-चौड़ाई: 480 पीएक्स) {...} ..

1
जोड़ा
कृपया ऊपर मेरी टिप्पणी की जांच करें - हम अधिकतम-चौड़ाई के बजाय max-device-width का उपयोग करना चाहते हैं।
जोड़ा लेखक fedor.belov, स्रोत
ऐसा लगता है कि एंड्रॉइड ब्राउज़र स्क्रीन रिज़ॉल्यूशन == डिवाइस चौड़ाई का व्यवहार करता है
जोड़ा लेखक fedor.belov, स्रोत
जोड़ा लेखक Ahmad Ramli, स्रोत
मैं बस अधिकतम डिवाइस-चौड़ाई के बारे में जानता हूं
जोड़ा लेखक Ahmad Ramli, स्रोत