Назад

Вам больше не нужен initial-scale=1.0 в метатеге viewport 📱

Почему initial-scale=1.0 больше не нужен современным мобильным браузерам и какой метатег viewport достаточно оставить.

Деклан Чидлоу и Питер-Пол Кох одновременно разобрали популярный миф из мира верстки.

Строка <meta name="viewport" content="width=device-width, initial-scale=1.0"> лежит в <head> практически любого современного сайта. Но, как показывают тесты, параметр initial-scale=1.0 уже давно бесполезен.

Зачем он вообще был нужен?

Во времена первого iPhone и ранних версий iOS (а также старых мобильных браузеров) этот параметр был необходим, чтобы убрать баги с кривым зумом при повороте устройства (orientation change) или некорректным масштабированием контента.

Что в 2026 году?

Все эти проблемы давно решены на уровне браузерных движков еще со времен iOS 9+. Для всех современных мобильных браузеров теперь более чем достаточно оставить только:

<meta name="viewport" content="width=device-width" />

Минус 19 байт из вашего HTML. Мелочь, но приятно чистить дефолтные шаблоны от анахронизмов пятнадцатилетней давности.

Скопировано