आईपैड पोर्ट्रेट अभिविन्यास

Question

में वेबसाइट पर वेबसाइट को सही तरीके से स्केल नहीं कर रहा है यह एक अजीब बात है और यह सोच रहा था कि किसी के पास कोई समाधान है या नहीं।

हम अभी कुछ वेबसाइटें बना रहे हैं जो चौड़ाई में 1000px से अधिक हैं और कुछ कारणों से जब आईपैड उन्हें पोर्ट्रेट मोड में लोड करता है तो यह उन्हें नीचे स्केल कर रहा है लेकिन दाईं ओर कुछ चौड़ाई छोड़ रहा है, इसलिए आपको केवल एक स्क्रॉल करना होगा सबकुछ देखने के लिए थोड़ा सा।

मैंने <meta name="viewport" content="initial-scale=0.7;" /> जोड़ा जो समस्या को ठीक करता है लेकिन जब परिदृश्य में लोड किया जाता है तो उपयोगकर्ता को शुरू करने के लिए एक छोटी सी साइट के साथ प्रस्तुत किया जाता है और बहुत दूर ज़ूम आउट कर सकता है।

इसका एक उदाहरण मेरी व्यक्तिगत विकास साइटों में से एक पर देखा जा सकता है। यह अभी तक तो रहते है नहीं किसी भी कीड़े http://www.dundeewebstandards.com/events/

धन्यवाद अनदेखा करें,

क्रिस

Answer 1

मैं इस एक ही समस्या थी और कोई लाभ नहीं हुआ प्रस्तावित समाधान है कि मैं मिल सकता है के सभी की कोशिश की,। आखिरकार, मैंने इसे समझ लिया ... यदि आपके पृष्ठ की ऊंचाई 1024px से कम है और चौड़ाई 768px से अधिक है, तो देशी ज़ूम कार्यक्षमता अपेक्षा के अनुसार काम नहीं करती है। यह भी सच है यदि आपके पृष्ठ की चौड़ाई इसकी ऊंचाई से अधिक है। अपने पृष्ठ पर एक न्यूनतम ऊंचाई जोड़ने के लिए मीडिया क्वेरी का उपयोग करने का प्रयास करें। यहां कोड है जिसका उपयोग मैंने इस समस्या को हल करने के लिए किया था ...

#page-container{ 
    width: 1200px; 
    margin: 0 auto; 
} 
@media screen and (min-width: 768px) { 
    #page-container{ 
     min-height: 1240px; 
    } 
}