Viewport Обновлено: 04/06/2019

Для чего используется метатег Viewport?

Метатег Viewport используется для адаптирования сайта под мобильные телефоны и планшеты. Позволяет настраивать маштаб окна просмотра в браузере.

Что если не прописать метатег Viewport?

Если данный метатег отсутствует на странице сайта, то сервер по умолчанию показывает мобильным браузерам компьютерную версию сайта.

Пример написания метатега Viewport

<meta name="viewport" content="width=device-width, initial-scale=1">

Список директив для метатега Viewport

Width=device-width

Данная директива адаптирует ширину окна просмотра к экрану устройства.

Initial-scale=1

Данная директива и заданное значение в одну единицу обозначает что соотношение между пикселями CSS и пикселями устройства равно 1 к 1.

Полезные ссылки:

Яндекс рассказывает о метатеге Viewport

Добавить комментарий