मैं ऐसी साइट के लिए थीम बना रहा हूं जहां मैं मार्कअप को बदल नहीं सकता या कोई JS शामिल नहीं कर सकता। मैं केवल अपनी थीम के सीएसएस को नियंत्रित कर सकता हूं, और मैं केवल पेज बॉडी के अंदर कुछ एचटीएमएल लिख सकता हूं।सीएसएस में मोबाइल पेज स्केल/ज़ूम सेट करें
मैं इस विषय उत्तरदायी बनाने के लिए कोशिश कर रहा हूँ, लेकिन मैं कैसे इस तरह एक व्यूपोर्ट बिना आरंभिक-स्केल या हाथ में उपकरणों पर पेज जूम नियंत्रित करने के लिए नहीं देख सकते हैं:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
तो क्या होता है यह है कि भले ही मैं सीएसएस @ मिडिया प्रश्नों के माध्यम से मोबाइल-विशिष्ट लेआउट लागू कर सकता हूं, फिर भी फ़ोन पर देखे जाने पर साइट ज़ूम आउट हो जाती है। जब तक आप ज़ूम इन नहीं करते हैं, तब तक टेक्स्ट और छवियां बहुत छोटी होती हैं, और एक बार जब आप ज़ूम इन करते हैं, तो लेआउट बहुत बड़ा होता है और क्षैतिज स्क्रॉलबार होता है। यह डेस्कटॉप पर एक आकार की ब्राउज़र विंडो के अंदर सही दिखता है; मुद्दा यह है कि फोन ब्राउज़र स्वचालित रूप से पृष्ठ को स्केल करता है।
तो मैं एक कामकाज की तलाश में हूं। मैं वर्तमान में सोच की दो पंक्तियाँ है, और मुझे किसी भी अन्य सुझावों का स्वागत करते हैं:
- वहाँ क्या व्यूपोर्ट अकेले सीएसएस में करता है करने के लिए कोई रास्ता नहीं है?
- क्या मैं अपने मोबाइल-विशिष्ट स्टाइल में अधिकतम पृष्ठ चौड़ाई को मजबूर कर सकता हूं ताकि मोबाइल ब्राउज़र पृष्ठ को स्केल न करें?
यही वही है जो मुझे चाहिए, इसलिए निराशाजनक यह समर्थित नहीं है। – tuff
हाँ .. समर्थन बहुत कम है ... केवल ओपेरा और आईई 10। यह निकट भविष्य में बदल सकता है .. – Zendy