होमस्क्रीन लिंक पर आईफोन व्यूपोर्ट मेटा टैग परिवर्तन

Question

मेरे पास एक वेब एप्लिकेशन है जिसे मैंने पहले आईफोन को होमस्क्रीन बुकमार्क के साथ समर्थन करने के लिए मेटा टैग सेट अप किया था। वेबसाइट सफारी में ठीक काम करती है, और ऐप्पल-मोबाइल-वेब-एप-सक्षम सेट के साथ बुकमार्क के रूप में हां तक, जब आपने होम स्क्रीन लिंक का उपयोग किया तो ब्राउज़र नियंत्रण को हटा दिया।

अब आईफोन 5 बाहर है, मुझे एहसास हुआ कि पेज पर मौजूद व्यूपोर्ट सेटिंग्स के साथ यह स्क्रीन के शीर्ष और निचले हिस्से में काले सलाखों वाली साइट दिखा रहा था। मैंने बाद में अपना व्यूपोर्ट मेटा टैग बदल दिया है ताकि वह आईफोन 5 की पूरी स्क्रीन का उपयोग कर सके। हालांकि होम स्क्रीन बुकमार्क के लिए नए व्यूपोर्ट टैग का उपयोग करने और पूर्ण स्क्रीन पर जाने का एकमात्र तरीका बुकमार्क को हटाना है, और फिर से जोड़ना है यह।

क्या चीजों को सेट करने का कोई और तरीका है ताकि हर किसी के पास पहले से इंस्टॉल किए गए होमस्क्रीन बुकमार्क को हटाने की आवश्यकता नहीं है, और साइट को पूर्ण स्क्रीन पर जाने के लिए इसे फिर से जोड़ना होगा?

Answer 1

यह समाधान है जिसे मैंने बर्लिन ऑन गिस्ट द्वारा पाया था। एक इलाज करता है। https://gist.github.com/3840737

<!-- standard viewport tag to set the viewport to the device's width 
    , Android 2.3 devices need this so 100% width works properly and 
    doesn't allow children to blow up the viewport width--> 
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" /> 
<!-- width=device-width causes the iPhone 5 to letterbox the app, so 
    we want to exclude it for iPhone 5 to allow full screen apps --> 
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" />