फाउंडेशन 5.0 में व्यूपोर्ट टैग क्यों बदला गया है? कोई चौड़ाई = डिवाइस चौड़ाई नहीं?

Question

Zurb फाउंडेशन 4.0 में, docs (एक पेज सिर में) शामिल करने के लिए कहते हैं:

<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

Zurb फाउंडेशन 5.0 में, docs उपयोग करने के लिए कहते हैं:

<meta name="viewport" content="initial-scale=1.0" /> 

सूचना है कि "चौड़ाई = डिवाइस-चौड़ाई "विनिर्देशन गिरा दिया गया था। क्यूं कर?

मैंने देखा है कि प्रत्येक उत्तरदायी डिजाइन ढांचे में "चौड़ाई = डिवाइस-चौड़ाई" विनिर्देश शामिल है। यह क्या करता है और फाउंडेशन 5.0 ने इसे क्यों छोड़ा?

Answer 1

इसे हटा दिया गया एक आंतरिक ग़लतफ़हमी की वजह से पढ़ सकते हैं भी मीडिया के प्रश्नों का उपयोग कर ऐसा कर सकते हैं ..

। होने पर अकेले कुछ डिवाइसों पर ज़ूमिंग का कारण बनता है जब आप लैंडस्केप मोड पर स्विच करते हैं, जो कुछ initial-scale=1.0 जोड़कर तय किया जाता है। केवल initial-scale=1.0 होने पर, एंड्रॉइड पर व्यूपोर्ट तोड़ता है।

डाउनलोड नमूना index.html में सही व्यूपोर्ट टैग (<meta name="viewport" content="width=device-width, initial-scale=1.0" />) होनी चाहिए, और डॉक्स अब समाधान हो गया होगा, लेकिन हमें तो आपको एक त्रुटि, तो हमें बताएं।

Answer 2

मुझे नहीं पता कि यह नींव 5 में क्यों गिरा दिया गया है, यह एक बग हो सकता है!

यह ब्राउजर का लेआउट व्यूपोर्ट सेट करता है, जो सीएसएस घोषणाओं के साथ चौड़ाई: 20% की गणना डिवाइस की चौड़ाई के लिए की जाती है।

(संयोग से, ओपेरा बंदरगाह के लिए पूर्ण सीएसएस, सब में एक अच्छा विचार हो रहा है जो करने के लिए इस कार्यक्षमता का प्रस्ताव किया है। लेकिन पल के लिए हम एचटीएमएल टैग के साथ फंस रहे हैं।)

आम तौर पर लेआउट व्यूपोर्ट एक चौड़ाई लेता है जिसे विक्रेता ने तय किया है डेस्कटॉप साइट देखने के लिए इष्टतम है। मेटा व्यूपोर्ट को डिवाइस-चौड़ाई में सेट करके आप सुनिश्चित हैं कि आपकी साइट की चौड़ाई उस डिवाइस के लिए ऑप्टिमाइज़ की गई है जिस पर इसे देखा जा रहा है।

आप आप स्पष्ट रूप से यहाँ http://tech.bluesmoon.info/2011/01/device-width-and-how-not-to-hate-your.html