उत्तरदायी वेब डिज़ाइन डेस्कटॉप पर काम कर रहा है, लेकिन मोबाइल डिवाइस पर नहीं

117

मेरे पास एक वेबसाइट है जो मोबाइल फोन के लिए उत्तरदायी होनी चाहिए। मैंने इसे अपने डेस्कटॉप का उपयोग करके बनाया है। जब मैं मोबाइल फोन के लिए पूरी तरह से काम कर रही ब्राउज़र विंडो को समायोजित करता हूं, लेकिन जब मैं अपने असली मोबाइल फोन पर इसकी जांच करता हूं: सैमसंग गैलेक्सी एस 2 यह मोबाइल दृश्य के लिए उत्तरदायी नहीं है।

क्या गलत हो सकता है?

mobile web responsive-design

— तदास डेविडसन
स्रोत

1

आप मददगार होने के लिए अधिक जानकारी और कोड जोड़ने जा रहे हैं। आपका CSS, HTML, आदि क्या फ्रेमवर्क (जैसे ट्विटर बूटस्ट्रैप) आप उपयोग कर रहे हैं, यदि कोई हो, आदि

— ajacian81

306

आप शायद HTML हेड में व्यूपोर्ट मेटा टैग को याद कर रहे हैं:

 <meta name="viewport" content="width=device-width, initial-scale=1">

इसके बिना डिवाइस मानता है और व्यूपोर्ट को पूर्ण आकार में सेट करता है।

अधिक जानकारी यहाँ ।

— Agush
स्रोत

2

यह इस लाइन के बिना ब्राउज़र पर काम कर सकता है लेकिन मोबाइल पर बस इस लाइन की आवश्यकता है।

— तदाद डेविडसन

3

मैं सिर्फ तुमसे प्यार करता हूँ

— दिमित्री फिलिप्पो

मुझे आपसे बहुत प्यार है @ ήτμήτρηςΦιλυο Ag

— Agush

आपसे प्यार का एक और शब्द

— btlm

3

सुनिश्चित करें कि उत्पादन में index.htmlवास्तव में टैग के साथ-साथ विकास भी शामिल हैindex.html

— हलाफ़ी

6

मैंने भी इस समस्या का सामना किया है। अंत में मुझे एक उपाय सूझा। इस bellow कोड का उपयोग करें। आशा है: समस्या हल हो जाएगी।

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

— सैफुल इस्लाम
स्रोत

2

हालांकि इसका जवाब ऊपर दिया गया है और इसका इस्तेमाल करना सही है

<meta name="viewport" content="width=device-width, initial-scale=1">

लेकिन अगर आप रिएक्ट और वेबपैक का उपयोग कर रहे हैं तो तत्व टैग को बंद करना न भूलें

<meta name="viewport" content="width=device-width, initial-scale=1" />

— शादाब अहमद
स्रोत

-1

उत्तरदायी मेटा टैग

सभी उपकरणों के लिए उचित रेंडरिंग और ज़ूमिंग को छूने के लिए, अपने लिए उत्तरदायी व्यूपोर्ट मेटा टैग जोड़ें <head>।

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

— मार्सेलो ऑस्ट्रिया
स्रोत