2010-12-07 5 views
5

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

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

वैसे भी .. क्या कोई तरीका है कि मैं सफारी को उस व्यवहार को अनदेखा करने के लिए मजबूर कर सकता हूं और अपने पाठकों को अपने 1: 1 स्केल desgin का आनंद लेने देता हूं? सीएसएस मीडिया क्वेरी या कुछ जावास्क्रिप्ट की तरह कुछ?

http://mmahgoub.com/thebook/foreword.html

धन्यवाद

उत्तर

17

अपने सिर में

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

जोड़ने का प्रयास करें।

+1

यह सामग्री आदेश इसे पढ़ने के लिए में बड़ा ज़ूम करने में असमर्थ होने के लिए (कभी कभी दुर्भाग्यपूर्ण) के कारण iPhones के पक्ष प्रभाव पड़ेगा। – LocalPCGuy

+0

पूर्ण स्क्रीन मानचित्रों के लिए बहुत अच्छा काम करता है! – CrazyTim

+0

यदि ज़ूम अक्षम हो जाता है, तो इसका कोई दुष्प्रभाव नहीं होता है। '" उपयोगकर्ता-स्केलेबल = नहीं "' इसे रोकता है। यदि आप बरकरार रहना ज़ूम करना चाहते हैं, तो बस उस भाग को छोड़ दें। –

-1

यहां एक ऑनलाइन आईपैड सिम्युलेटर है जिसका आप उपयोग कर सकते हैं। यह एक्सकोड नहीं है, लेकिन फिर भी यह उपयोगी है।

http://ipadpeek.com/

+5

"आईपैड सिम्युलेटर वेबसाइट" आईफ्रेम से अधिक कुछ नहीं है एक त्वचा के साथ, यह कोई विशिष्ट आईपैड सीएसएस नहीं करता है और पूरी तरह से अलग करता है। बस इतना ही पता है, यह वहां पर बहुत अच्छा काम कर सकता है, लेकिन आईपैड पर पूरी तरह से अलग है। – Matthijn

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