आईपैड स्क्रीन

की चौड़ाई के भीतर फिट करने के लिए साइट चौड़ाई का आकार बदलें मेरे पास 2048px चौड़ी साइट है। क्या साइट लोड होने पर स्क्रीन पर पूरी तरह से आईपैड स्क्रीन पर पूरी साइट चौड़ाई फिट करने का कोई तरीका है? मैंने कुछ अलग तरीकों से मेटा व्यूपोर्ट के साथ प्रयोग करने का प्रयास किया है:आईपैड स्क्रीन

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

हालांकि यह काम नहीं किया है। साइट अभी भी बहुत व्यापक है और आईपैड पर स्क्रीन बंद कर देती है।

स्रोत

2013-02-15 Tim Jahn

अल्पविराम का उपयोग करना सुनिश्चित करें उदाहरण अलग करने के लिए 'चौड़ाई = डिवाइस-चौड़ाई' और 'अधिकतम-स्केल = 1.0'। – bdesham

धन्यवाद। हालांकि अभी भी कोई पासा नहीं है। –

ये व्यूपोर्ट विशेषताओं का अर्थ यह होगा कि सफारी आईपैड स्क्रीन पर पूरी चौड़ाई को देखने की अनुमति देने के लिए पेज ज़ूम करने के बजाय उत्तरदायी डिज़ाइन को काम करने की अनुमति देती है। वे क्या नहीं करेंगे पृष्ठ पर लागू सीएसएस शैलियों को ओवरराइड करें - यदि रैपर या शरीर की एक निश्चित चौड़ाई है तो वह इसे नहीं बदलेगी। आईपैड पर कौन सी शैलियों को लागू किया जा रहा है यह देखने के लिए एडोब एज इंस्पेक्ट http://html.adobe.com/edge/inspect/ का उपयोग करने का प्रयास करें। यदि आप कर सकते हैं तो अपने प्रश्न में रैपर सीएसएस शैलियों को शामिल करें। – pwdst

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

है यही कारण है कि मैं अपनी वेबसाइट के लिए इस्तेमाल करते हैं।

स्रोत

2013-02-15 20:16:59 VladHQ

:(मेरे लिए काम नहीं करता है। वही समस्या अभी भी होती है। –

क्या आप एक लाइव उदाहरण प्रदान कर सकते हैं? ** संपादित करें: ** क्या यह साइट आपके आईपैड पर काम करती है: https://v1k.org/? – VladHQ

वह साइट काम करती है आपकी साइट की चौड़ाई क्या है? –

सीएसएस में एचटीएमएल और शरीर टैग करने के लिए min-width: 2048px; सेट करके देखें। इससे पहले मेरे लिए आईपैड पर कुछ अजीबता तय हुई है, लेकिन यह सुनिश्चित नहीं है कि यह इस पर लागू होगा या नहीं।

स्रोत

2013-02-15 20:24:33 Sean

दुर्भाग्य से कोई पासा नहीं। –

जब तक यह वेबसाइट पूरी तरह से बड़े स्क्रीन उपकरणों पर उपयोग के लिए डिज़ाइन नहीं की जाती है, तो इस दृष्टिकोण से छोटी स्क्रीन वाले उपकरणों पर पर्याप्त उपयोगिता के मुद्दे (और स्क्रॉलिंग के बहुत सारे) होंगे - खासकर मोबाइल। उत्तरदायी वेब डिज़ाइन (http://alistapart.com/article/responsive-web- डिज़ाइन) पर विचार करें ताकि आपकी साइट की सामग्री अलग-अलग व्यूपोर्ट आकारों में अनुकूलित हो सके, या अपनी साइट पर अधिकांश आगंतुकों के चौड़ाई प्रतिनिधि का उपयोग करें (Google Analytics जैसे कुछ का उपयोग करें यह निर्धारित करने के लिए) यदि आपको निश्चित चौड़ाई का उपयोग करना है। सभी उपयोगकर्ताओं के लिए बहुत अधिक या निम्न चौड़ाई को मजबूर करना कई लोगों के लिए खराब उपयोगकर्ता अनुभव प्रदान करेगा। – pwdst

उनकी साइट चौड़ाई 2048 है ... मुझे लगता है कि प्रयोज्यता पहले से ही एक मुद्दा है। मुझे नहीं लगता कि चौड़ाई निर्धारित करने से चीजें बढ़ जाएंगी। उत्तरदायी हमेशा एक बेहतर जवाब है, लेकिन यह वह नहीं है जो उसने पूछा था। – Sean

मैं एक ही समस्या के साथ एक साइट पर काम कर रहा था हाल ही में, यह एक निश्चित 960px चौड़ाई साइट के लिए पेज क्लिक के बीच से ज़ूम आउट रहने नहीं होता। आज़माएं:

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

अब तक इतना अच्छा है, मेरे आईपैड एयर पर पारित किया गया।

स्रोत

2013-12-17 14:06:12 britter

तुम इतनी तरह सामग्री की चौड़ाई के लिए एक निश्चित आकार पारित कर सकते हैं:

<meta name="viewport" content="width=2048" />

कुछ फेरबदल की जरूरत गद्दी दोनों ओर के लिए अनुमति देने के लिए मई, लेकिन यह आकार में साइट को लोड और उन ज़ूम करने के लिए अनुमति चाहिए।

स्रोत

2014-01-06 10:19:38 jjgrainger

इस समस्या को ठीक करने का सही तरीका निश्चित चौड़ाई के बजाय प्रतिशत का उपयोग कर रहे हैं। लेकिन अगर आपको लगता है कि "नहीं कर सकते" बदलने के लिए, आप की तरह आरंभिक-स्केल में 0.x का उपयोग करके नीचे पैमाने पर करने के अपने व्यूपोर्ट मजबूर कर सकते हैं:

<meta name="viewport" content="width=device-width, initial-scale=0.625, user-scalable=yes" />

स्रोत

2016-05-11 16:52:16 steffanjj

यह ठीक काम करता है:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-capable" content="yes">

स्रोत

2018-03-02 08:07:51 Cubiczx

उत्तर

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