2012-02-10 14 views
5

मैं वर्तमान में मोबाइल वेबसाइट पर काम कर रहा हूं। आईओएस और एंड्रॉइड दोनों पर सबकुछ ठीक काम कर रहा है, हालांकि मुझे व्यूपोर्ट की चौड़ाई 640 पीएक्स पर सेट करने की कोशिश करते समय विंडोज फोन पर व्यूपोर्ट मेटा टैग के साथ समस्याएं आ रही हैं। मैं उपयोग कर रहा हूँ:विंडोज फोन व्यूपोर्ट मेटा टैग

<meta name="viewport" content="width=640,user-scalable=no"/> 

हालांकि ऐसा लगता है कि व्यूपोर्ट डिफ़ॉल्ट जब भी आप एक व्यूपोर्ट अधिक से अधिक है कि 480px गुणित विंडोज फोन स्वचालित रूप से लागू होता है स्थापित करने के लिए कोशिश कर रहे हैं (1024px गुणा)।

कोई वर्कअराउंड?

उत्तर

4

मुझे <meta name="viewport"> और विंडोज फोन 7.5 के साथ बहुत सफलता नहीं मिली है जब तक कि मैं 320 से 480 (समावेशी) के बीच width सेट नहीं करता। अगर मैं इसे उस सीमा से बाहर सेट करना चाहता हूं तो यह 320 के लिए डिफ़ॉल्ट लगता है।

मैंने केवल <meta name="MobileOptimized" content="640"> का उपयोग करने की कोशिश की और यह पूरी तरह से काम किया। यह <meta name="viewport" content="width=640,user-scalable=no"> जैसा व्यवहार करता है।

this article और the articleMikael Koskinen's Answer से जुड़ा हुआ सीमा 320 से 10,000 होनी चाहिए, लेकिन मैं इसे पुन: उत्पन्न करने में सक्षम नहीं हूं।

+0

विंडोज फोन 7.5 पर मेरा अनुभव समान रहा है। मैं एक पृष्ठ पर 600 की व्यूपोर्ट चौड़ाई चाहता हूं, जहां मुख्य div 600px चौड़े पर तय किया गया है, लेकिन '<मेटा नाम =" व्यूपोर्ट "सामग्री =" चौड़ाई = x ">' जहां x> 480 का परिणाम मोबाइल आईई में उपयोग कर रहा है 1024 पिक्सेल की इसकी डिफ़ॉल्ट व्यूपोर्ट चौड़ाई - वही है जैसे आप व्यूपोर्ट मेटा टैग का उपयोग नहीं करते हैं। मैंने 'मोबाइल ऑप्टीमाइज्ड' वर्कअराउंड की कोशिश नहीं की क्योंकि मैं चाहता हूं कि उपयोगकर्ता ज़ूम स्तर पर नियंत्रण बनाए रखे, लेकिन यह कुछ के लिए एक अच्छा विकल्प जैसा लगता है। – Dogmang

1

The Windows Phone team blogged about Windows Phone browser viewport कुछ समय पहले। उनके पास 480 से अधिक की चौड़ाई के लिए उदाहरण नहीं हैं लेकिन हो सकता है कि आप गतिशील व्यूपोर्ट आकार का उपयोग करने जैसे कुछ सुझाव प्राप्त कर सकें।

ध्यान दें कि ब्लॉग पोस्ट केवल विंडोज फोन 7.5 (आम) पर लागू होता है।

संबंधित मुद्दे