Почему iPhone увеличивает страницу при фокусе на поле

Safari масштабирует страницу, если текст поля слишком мелкий. Исправляют читаемый размер, не запрещая пользователю ручное увеличение интерфейса.

Почему iPhone увеличивает страницу при фокусе на поле — рабочая ситуация по теме статьи

Автоматическое увеличение страницы при нажатии на поле ввода на iPhone — не баг, а встроенная функция безопасности Safari, которая предотвращает случайное открытие слишком мелкого для чтения поля.

Правило простое: размер шрифта меньше 16 пикселей запускает zoom

Safari на iOS автоматически увеличивает масштаб страницы при фокусе на поле, если размер шрифта в этом поле меньше 16px — это сделано, чтобы пользователь мог комфортно видеть, что он вводит, даже если дизайн страницы использует мелкий текст.

Решение

Установите font-size: 16px или больше для всех полей ввода на мобильных экранах через медиа-запрос — это полностью убирает нежелательное автоматическое увеличение без необходимости менять поведение Safari через сложные обходные пути.

Не путайте с проблемой пользовательского масштабирования

Эта проблема не связана с мета-тегом viewport или отключением возможности масштабирования пользователем вручную — правильное решение именно в размере шрифта полей, а не в ограничении зума в принципе, что было бы плохо для доступности сайта.

FAQ

Частые вопросы по теме

01Можно применить рекомендации из статьи к существующему проекту?

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

02Сколько стоит связанная работа?

Стартовая стоимость услуги «Дизайн мобильной версии сайта» — От 25 000 ₽. Точная оценка зависит от текущего проекта и объёма изменений.

03Что прислать для оценки?

Ссылку на сайт или сервис, короткое описание проблемы и пример ожидаемого результата. Доступы и подробное ТЗ для первого ответа обычно не нужны.

Дальше

Ещё материалы по теме

Вопрос по проекту

Покажите текущую ситуацию

Ссылка и короткое описание обычно полезнее длинного ТЗ. Мы увидим тему статьи в источнике заявки и не заставим повторять контекст.

Связаться

Старт

Можно прийти
просто с задачей.

Без готового ТЗ. Достаточно описать, что нужно запустить, исправить или связать.

Получить оценку

Коротко опишите задачу