मुझे इसके लिए दस्तावेज खोजने में परेशानी हो रही है। क्या यह सफारी विशिष्ट है?

IOS 9 में हाल ही का बग था (यहां, जो समाधान shrink-to-fit=no व्यूपोर्ट मेटा में जोड़ रहा है।

यह कोड क्या करता है?

166
755 18 नवम्बर 2015, 00:41

2 जवाब

सबसे बढ़िया उत्तर

यह सफारी विशिष्ट है, कम से कम लेखन के समय, सफारी 9.0 में पेश किया जा रहा है। "सफारी में नया क्या है?" सफारी 9.0 के लिए प्रलेखन

व्यूपोर्ट परिवर्तन

व्यूपोर्ट मेटा टैग "width=device-width" का उपयोग करके पेज को व्यूपोर्ट सीमा से अधिक होने वाली सामग्री को फिट करने का कारण बनता है। आप नीचे दिखाए गए अनुसार अपने मेटा टैग में "shrink-to-fit=no" जोड़कर इस व्यवहार को ओवरराइड कर सकते हैं। जोड़ा गया मूल्य पृष्ठ को व्यूपोर्ट में स्केल करने से रोक देगा।

{{ X 0 }}

संक्षेप में, इसे व्यूपोर्ट मेटा टैग में जोड़कर प्री-सफारी 9.0 व्यवहार को पुनर्स्थापित करता है।

उदाहरण

यहां एक काम किया गया दृश्य उदाहरण है जो दो कॉन्फ़िगरेशन में पेज लोड करने पर अंतर दिखाता है।

लाल अनुभाग व्यूपोर्ट की चौड़ाई है और नीला अनुभाग प्रारंभिक व्यूपोर्ट (जैसे left: 100vw) के बाहर स्थित है। ध्यान दें कि shrink-to-fit=no को छोड़ दिए जाने पर पहले उदाहरण में पृष्ठ कैसे फिट किया जाता है (इस प्रकार आउट-ऑफ-व्यूपोर्ट सामग्री दिखा रहा है) और नीली सामग्री बाद के उदाहरण में ऑफ स्क्रीन रहती है।

इस उदाहरण का कोड https://codepen.io/davidjb/pen/ENGqpv

बिना हटाये-फिट के निर्दिष्ट है

Without shrink-to-fit=no

सिकुड़न-से-फिट के साथ = नहीं

With shrink-to-fit=no

208
Community 20 जून 2020, 09:12

IOS के उपयोग के आँकड़े के रूप में, यह दर्शाता है कि iOS 9.0-9.2.x उपयोग वर्तमान में 0.17% है। यदि ये संख्याएं वास्तव में इन संस्करणों के वैश्विक उपयोग का संकेत हैं, तो यह आपके व्यूपोर्ट मेटा टैग से हटने-फिट होने के लिए सुरक्षित होने की अधिक संभावना है।

9.2.x के बाद। IOS अपने 'ब्राउज़र' पर इस टैग की जाँच को हटा देता है।

आप इस पृष्ठ की जांच कर सकते हैं https: //www.scottohara। मुझे / ब्लॉग / 2018 /12/ 11 / हटना करने वाली fit.html

13
GGGin 18 अप्रैल 2019, 05:01