Для чего используется метатег Viewport?
Метатег Viewport используется для адаптирования сайта под мобильные телефоны и планшеты. Позволяет настраивать маштаб окна просмотра в браузере.
Что если не прописать метатег Viewport?
Если данный метатег отсутствует на странице сайта, то сервер по умолчанию показывает мобильным браузерам компьютерную версию сайта.
Пример написания метатега Viewport
<meta name="viewport" content="width=device-width, initial-scale=1">
Список директив для метатега Viewport
Width=device-width
Данная директива адаптирует ширину окна просмотра к экрану устройства.
Initial-scale=1
Данная директива и заданное значение в одну единицу обозначает что соотношение между пикселями CSS и пикселями устройства равно 1 к 1.
