मेरे पास मेटा टैग <meta name="viewport" content="width=device-width, target-densityDpi=device-dpi"> का उपयोग कर एक वेबसाइट है, जावास्क्रिप्ट जो body के लिए सीएसएस को चौड़ाई और ऊंचाई पर स्क्रीन करने के लिए प्रारूपित करता है, और उसके अंदर तत्वों की प्रतिशत-आधारित चौड़ाई होती है।एंड्रॉइड ब्राउज़र सेटिंग तत्व का आकार बहुत छोटा
डेस्कटॉप पर, यह ठीक काम करता है। मेरे एंड्रॉइड फोन और टैबलेट के ब्राउजर पर, हालांकि, सामग्री ठीक से स्केल नहीं कर रही है - सबकुछ थोड़ा छोटा है, और सही आकार में ज़ूम ज़ूम करने के लिए डबल-टैपिंग (पूरे पृष्ठ चौड़ाई को प्रदर्शित नहीं करते समय)। यह पोर्ट्रेट और लैंडस्केप मोड दोनों में होता है, और ज़ूम स्तर समान, या कम से कम समान प्रतीत होता है।
मेरे पास एक चेतावनी है कि मुझे बताएं कि जावास्क्रिप्ट ने शरीर की चौड़ाई और ऊंचाई को स्वरूपित किया है, और यह हमेशा सही है, लेकिन ब्राउज़र को लोड करने की आवश्यकता महसूस होती है जैसे कि खिड़की का आकार वास्तव में बड़ा था।
मुझे समझ में आता है कि कुछ बकवास है जहां ब्राउज़र सीएसएस पिक्सेल और वास्तविक पिक्सल के बीच उलझन में आते हैं, लेकिन मैंने सोचा कि मेटा टैग उस सब को ठीक करना था।
तो मैं ब्राउजर को पृष्ठ को वास्तविक 100% स्क्रीन आकार में कैसे लोड करूं, और कुछ प्रकार ~ 125% आकार नहीं?