ویوپورت

ویوپورت ناحیه واقعی قابل‌دیدن یک صفحه وب در پنجره مرورگر است — همان فضایی که چیدمان صفحه در آن رندر می‌شود، نه کل نمایشگر دستگاه.

ویوپورت مفهوم درستی است که تصمیم ریسپانسیو باید رویش گرفته شود، و همین آن را از رزولوشن صفحه جدا می‌کند. رزولوشن اندازه سخت‌افزار است، اما صفحه وب در کل نمایشگر رندر نمی‌شود؛ نوار آدرس، حاشیه پنجره و روی موبایل نسبت پیکسل دستگاه، فضای واقعی چیدمان را کوچک‌تر و متفاوت می‌کنند. یک گوشی با رزولوشن اسمی بسیار بالا می‌تواند ویوپورت منطقی باریکی داشته باشد، و اگر طراح روی رزولوشن خام حساب کند نه ویوپورت، چیدمان روی همان دستگاه می‌شکند. ظرافت دیگر اینکه ویوپورت ثابت نیست: چرخاندن گوشی، بازشدن صفحه‌کلید مجازی یا تغییر اندازه پنجره همه ویوپورت را عوض می‌کنند، پس طراحی باید به تغییر آن واکنش نشان دهد نه یک اندازه واحد را فرض بگیرد. برای همین اندازه‌های ویوپورت رایج مخاطب، نه رزولوشن‌ها، ورودی درست تعیین بریک‌پوینت‌اند.