Использование метатега viewport важно для корректной работы адаптивного дизайна, потому что он сообщает браузеру, как изменять масштаб страницы в зависимости от размера устройства пользователя. 1

Это позволяет:

• Предотвратить неправильное отображение страницы на разных устройствах. 4 Если не использовать viewport, то сайт может выглядеть как уменьшенная версия десктопного сайта на мобильном экране, что делает его трудночитаемым и неудобным для использования. 4
• Обеспечить одинаковое отображение на всех устройствах. 2 Это важно, так как у разных гаджетов может быть одинаковое физическое разрешение, но различаться CSS-разрешения. 1 Тогда одна и та же страница на одном устройстве отображается нормально, а на втором — с маленьким нечитаемым текстом. 1

Метатег viewport не адаптирует страницу сам, он только сообщает, что сайт нужно отобразить по определённым правилам. 1