HTML5 روشی را معرفی کرد که به طراحان وب اجازه میدهد کنترل نمای پورت را در دست بگیرند.از طریق تگ <meta>.
نمایش ناحیه قابل مشاهده کاربر در یک صفحه وب است.بسته به دستگاه متفاوت است و در تلفن همراه کوچکتر از صفحه نمایش رایانه خواهد بود.
شما باید <meta> زیر را وارد کنید.عنصر viewport در همه صفحات وب شما:
<meta name="viewport" content="width=device-width, initial-scale=1.0"> یک عنصر نمای <meta> دستورالعملهایی را در مورد نحوه کنترل ابعاد و مقیاس صفحه به مرورگر میدهد.
قسمت width=device-width عرض صفحه را به گونه ای تنظیم می کند که از عرض صفحه دستگاه پیروی کند (که بسته به دستگاه متفاوت است).
مجموعه قسمت initial-scale=1.0سطح بزرگنمایی اولیه هنگامی که صفحه برای اولین بار توسط مرورگر بارگیری می شود.
در اینجا نمونه ای از یک صفحه وب بدون متا تگ viewport و همان صفحه وب وجود دارد.با متا تگ viewport:
نکته: اگر در حال مرور این صفحه با تلفن یاتبلت، می توانید روی دو پیوند زیر کلیک کنید تا تفاوت را ببینید.
