मेरे पास एक बहुत ही सरल स्थैतिक वेब पेज है (केवल सीएसएस और लिंक, कोई स्क्रिप्ट नहीं)। यह एंड्रॉइड और आईफोन पर अच्छा दिखता है, लेकिन बहुत छोटा है। मुझे लगता है कि वे इसे छोटे से डालते हैं क्योंकि यह ज्यादातर साइटों के लिए काम करता है। मैं इसे कैसे ओवरराइड कर सकता हूं और उसे उस आकार को देख सकता हूं जिसे मैं चाहता हूं?मोबाइल उपकरणों के लिए वेबसाइट कैसे स्केल करें?
एंड्रॉइड स्वचालित रूप से आपकी साइट के आकार में समायोजित करता है, चौड़ाई का उपयोग करने का प्रयास करें: सामान्य व्यूमोड के लिए लगभग 310 पिक्सल (स्क्रॉलबार स्पेस लेता है) से 100% या छोटा।
-webkit-text-size-adjust: none;
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
सूची चाहिए:
IPhone के लिए सही आकार
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
इसके अलावा अपने सीएसएस में इस कोड का उपयोग करने के लिए मजबूर करने के लिए font-size कोशिश मजबूर करने के लिए इस कोड का उपयोग करने की कोशिश अल्पविराम से अलग हो।
जो भी आप साथ जाते हैं, सुनिश्चित करें कि आप एंड्रॉइड के नए संस्करणों में परीक्षण करें। मेरे पास एक अच्छा सरल एकल कॉलम लेआउट था जो एंड्रॉइड 1.5 और एंड्रॉइड 1.6 में ठीक दिखता था। एंड्रॉइड 2 पक्ष में एक छोटे से sliver में सभी पाठ क्रश करने लगता है, हालांकि। विचित्र है कि मुझे एक फोन का समर्थन करने के लिए एक बहु-कॉलम लेआउट पर स्विच करना होगा, जहां सरल बेहतर होना चाहिए। –