क्या किसी को iPad पर किसी भी वेब पेज को देखते समय बॉडी के लिए सबसे सुरक्षित चौड़ाई और ऊंचाई पता है? मैं स्क्रॉलबार से यथासंभव बचना चाहता हूं।
धन्यवाद।
एरिक
जवाबों:
यदि निर्दिष्ट हो तो आपके पृष्ठ की पिक्सेल चौड़ाई और ऊँचाई अभिविन्यास के साथ-साथ मेटा व्यूपोर्ट टैग पर भी निर्भर करेगी। यहां जेकरी के $ 1 (विंडो) .net () और $ (विंडो) .height () iPad 1 ब्राउज़र पर चलने के परिणाम हैं।
जब पृष्ठ में कोई मेटा व्यूपोर्ट टैग नहीं है:
जब पृष्ठ में इन दोनों मेटा टैग में से कोई एक हो:
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1">
के साथ <meta name="viewport" content="width=device-width">:
के साथ <meta name="viewport" content="height=device-height">:
के साथ <meta name="viewport" content="height=device-height,width=device-width">:
साथ में <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width,height=device-height">
साथ में <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,height=device-height">
इस सवाल का कोई आसान जवाब नहीं है। आईफ़ोन, आईपॉड टच और आईपैड में उपयोग किए जाने वाले वेबकिट का ऐप्पल मोबाइल संस्करण, स्क्रीन को फिट करने के लिए पेज को स्केल करेगा, जिसके बिंदु पर उपयोगकर्ता स्वतंत्र रूप से ज़ूम इन और आउट कर सकता है।
उस ने कहा, आप अपने पृष्ठ को आवश्यक रूप से ज़ूमिंग की मात्रा को कम करने के लिए डिज़ाइन कर सकते हैं। आपकी सबसे अच्छी शर्त आईपैड के निचले रिज़ॉल्यूशन की चौड़ाई और ऊँचाई को एक समान बनाना है, क्योंकि आपको नहीं पता कि यह किस तरह से उन्मुख है; दूसरे शब्दों में, आप अपना पृष्ठ 768x768 बना लेंगे, ताकि यह iPad की स्क्रीन पर अच्छी तरह से फिट हो जाए चाहे वह 1024x768 या 768x1024 हो।
इससे भी महत्वपूर्ण बात, आप अपने पेज को बहुत सारे स्पेस के साथ बड़े नियंत्रण के साथ डिज़ाइन करना चाहते हैं जो आपके अंगूठे से टकराते हुए आसान हो - आप आसानी से 768x768 पेज को डिज़ाइन कर सकते हैं जो बहुत ही अव्यवस्थित था और इसलिए बहुत सारे ज़ूमिंग की आवश्यकता थी। इसे पूरा करने के लिए, आप कई वेब पृष्ठों के बीच अपने नियंत्रण को विभाजित करना चाहेंगे।
दूसरी ओर, यह सबसे सार्थक खोज नहीं है। यदि डिज़ाइन करते समय आपको अपने पृष्ठ को "उंगली के अनुकूल" बनाने के अवसर मिलते हैं, तो इसके लिए जाएं ... लेकिन वास्तविकता यह है कि आईपैड उपयोगकर्ता चीजों को प्राप्त करने के लिए पृष्ठ के चारों ओर घूमने और ज़ूम इन करने में बहुत सहज हैं। यह अधिकांश वेब साइटों पर आवश्यक है। यदि कुछ है, तो आप शायद इसे डिजाइन करना चाहते हैं ताकि यह इस प्रकार के नेविगेशन के लिए अनुकूल हो।
प्रासंगिक समूहीकृत डेटा वाले बॉक्स बनाएं, जिन पर ध्यान केंद्रित करने के लिए आसानी से डबल-टैप किया जा सकता है, और संबंधित नियंत्रणों को एक दूसरे के करीब रख सकते हैं। iPad उपयोगकर्ता संभवतः एक ऐसे पृष्ठ की सराहना करेंगे जो परिचित ज़ूम-और-पैन नेविगेशन की सुविधा देता है जो वे एक ऐसे पृष्ठ से अधिक आदी हैं जिनके पास कम नियंत्रण वाले पृष्ठ होंगे ताकि उन्हें न करना पड़े।
आप यह कोशिश कर सकते हैं:
/*iPad landscape oriented styles */
@media only screen and (device-width:768px)and (orientation:landscape){
.yourstyle{
}
}
/*iPad Portrait oriented styles */
@media only screen and (device-width:768px)and (orientation:portrait){
.yourstyle{
}
}