ওয়েব ডিজাইনে ভিউপোর্ট হলো ওয়েব পেজের দৃশ্যমান এলাকা। ডেস্কটপে এটি ব্রাউজার উইন্ডোর আকার, মোবাইলে স্ক্রিনের আকার।
ভিউপোর্ট সেট করতে নিচের মেটা ট্যাগ ব্যবহার করা হয়:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
ব্যাখ্যা:
<meta>: ব্রাউজারকে ওয়েব পেজের ডাইমেনশন নিয়ন্ত্রণ করার নির্দেশনা দেয়।width=device-width: স্ক্রিনের প্রস্থ অনুযায়ী পেজের প্রস্থ সেট করে।initial-scale=1.0: প্রাথমিক জুম লেভেল ১০০% সেট করে।
এই ট্যাগ ছাড়া মোবাইল ব্রাউজার ডেস্কটপ ভার্সন রেন্ডার করে এবং জুম করতে বাধ্য করে।
