Некоторые ошибки при использовании метатега viewport:
- Метатег не размещён в блоке . 35 Если метатег по каким-то причинам оказался в блоке , то инструмент проверки может не обнаружить его. 3 Чтобы исправить ошибку, нужно проверить местоположение метатега с помощью панели разработчика в браузере. 45
- Использование атрибута initial-scale=1 для неадаптивных шаблонов. 2 С такой установкой страница будет отображаться в масштабе 100%, и пользователю придётся устанавливать масштаб вручную или прокручивать. 2
- Использование атрибута user-scalable=no или initial-scale=1 вместе с maximum-scale=1 на неадаптивных шаблонах. 2 Это отключит масштабирование страницы, и пользователь не сможет увидеть всю страницу сайта. 2
- Фиксирование ширины в пикселях. 34 Когда фиксируется ширина в пикселях, например, 980px, появляется горизонтальный скролл, так как браузер пытается подстроить страницу под заданную ширину. 34 Такие значения ширины рекомендуется использовать только для неадаптивных макетов. 3
Проверить работу метатега viewport можно с помощью инструмента «Проверка оптимизации для мобильных» от Google или в «Яндекс.Вебмастере». 1