Задать вопрос
Oldshelf
@Oldshelf

Как заставить работать тэг viewport, при переходе в полноэкранный режим по нажатию на JS-кнопку?

Добавил на сайт кнопку перехода в полноэкранный режим. На компьютере кнопка работает без проблем: окно раскрывается на весь экран и свёртывается обратно. На мобильном устройстве возникли проблемы с сохранением масштабирования тэгом "viewport". Изначально сайт показывается в уменьшенном виде:
<meta name="viewport" content="width=1600, user-scalable=yes" />

После перехода на полный экран этот масштаб теряется и страница показывается в увеличенном размере. Причём сначала страница просто раскрывается на весь экран с сохранением масштаба, замирает на долю секунды и затем вёрстка "ломается".

Сайт с данной проблемой: e2-e4.org. Эффект проверялся в браузере "Chrome 86", при горизонтальном расположении экрана.

В чём причина и что можно сделать?

P.S. Проверил в "Firefox'е" - всё работает нормально.
  • Вопрос задан
  • 76 просмотров
Подписаться 1 Средний 1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы