আইপ্যাডে কোনও ওয়েব পৃষ্ঠা দেখার সময় কেউ কি BODY এর নিরাপদ প্রস্থ এবং উচ্চতা জানে? আমি যতটা সম্ভব স্ক্রোলবারগুলি এড়াতে চাই।
ধন্যবাদ।
এরিক
উত্তর:
নির্দিষ্ট করা থাকলে আপনার পৃষ্ঠার পিক্সেল প্রস্থ এবং উচ্চতা ওরিয়েন্টেশনের পাশাপাশি মেটা ভিউপোর্ট ট্যাগের উপরও নির্ভর করবে। এখানে আইপ্যাড 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 তৈরি করবেন, যাতে এটি আইপ্যাডের স্ক্রিনে ভাল ফিট হয়ে যায় 1010xx768 বা 768x1024 হোক।
আরও গুরুত্বপূর্ণ, আপনি নিজের পৃষ্ঠাগুলিকে প্রচুর জায়গা দিয়ে আপনার থাম্বগুলির সাথে আঘাত করা সহজ এমন ডিজাইন করতে চান - আপনি খুব সহজেই একটি 768x768 পৃষ্ঠা ডিজাইন করতে পারেন যা খুব বিশৃঙ্খল ছিল এবং তাই প্রচুর জুমিং প্রয়োজন। এটি সম্পাদন করার জন্য, আপনি সম্ভবত বেশ কয়েকটি ওয়েব পৃষ্ঠার মধ্যে আপনার নিয়ন্ত্রণগুলি ভাগ করতে চাইবেন।
অন্যদিকে, এটি সর্বাধিক সার্থক সাধনা নয়। ডিজাইনের সময় যদি আপনি আপনার পৃষ্ঠাটিকে আরও "আঙুল-বান্ধব" করার সুযোগ খুঁজে পান তবে তার জন্য যান ... তবে বাস্তবতা হ'ল আইপ্যাড ব্যবহারকারীরা জিনিসগুলি পেতে পৃষ্ঠায় ঘুরতে এবং ঘুরতে খুব আরামদায়ক হন কারণ এটি বেশিরভাগ ওয়েবসাইটে প্রয়োজনীয়। যদি কিছু হয় তবে আপনি সম্ভবত এটি নকশা করতে চান যাতে এটি এ জাতীয় নেভিগেশনের পক্ষে উপযুক্ত to
প্রাসঙ্গিক গোষ্ঠীযুক্ত ডেটা সহ বাক্সগুলি তৈরি করুন যা ফোকাস করতে সহজেই ডাবল-আলতো চাপতে পারে এবং সম্পর্কিত নিয়ন্ত্রণগুলি একে অপরের নিকটে রাখে। আইপ্যাড ব্যবহারকারীরা সম্ভবত এমন একটি পৃষ্ঠার প্রশংসা করবে যা তাদের পরিচিত জুম-প্যান নেভিগেশনের সুবিধার্থে তারা যে পৃষ্ঠায় কম নিয়ন্ত্রণ রয়েছে তার চেয়ে বেশি তারা অভ্যস্ত যা তারা যাতে করতে না পারে।
আপনি এটি চেষ্টা করতে পারেন:
/*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{
}
}