Как остановить изменение размера окна браузера Chrome на мобильных телефонах Android? - PullRequest
0 голосов
/ 18 сентября 2018

Я вижу этот вопрос, заданный здесь , здесь , здесь и здесь , но не удалось найти четкое и / или работоспособное ответ. Не могу говорить на всех мобильных телефонах Android, в моем случае это Android 9 на Samsung A7 (2018), работающий на Chrome 75.

Что происходит. У меня есть HTML-форма, требующая ввода с клавиатуры. При открытии в Chrome и попытке ввода клавиатура принудительно изменяет размер формы (которая находится в iframe Fancybox). Изменение размеров уменьшает форму примерно до 50% высоты экрана, а также изменяет размеры ширины формы и ширины / высоты полей ввода. Любой набранный текст не виден до тех пор, пока клавиатура не будет закрыта и форма не вернется к нормальному размеру. Это не проблема Fancybox, потому что Chrome изменяет размер той же формы, когда он загружается нормально (то есть вне iframe fancybox). Изменение размера не происходит в Firefox Focus или Samsung Internet, с или без iframe - клавиатура перемещается вверх и вниз по нижней половине формы, оставляя форму с размером 100%.

Обновление 2019. Проблема с Chrome продолжается в 2019 году. Рассматривая некоторые другие вопросы о проблемах макета, возникающих при всплывающей клавиатуре Android, я нашел ответ на мой вопрос о Chrome в вопрос здесь о та же проблема с Firefox (которая больше не является проблемой, по крайней мере, теперь с Firefox Focus 9). К сожалению, изменение размера все еще происходит в Chrome, если форма находится в iframe Fancybox.

1 Ответ

0 голосов
/ 15 марта 2019

это проблема andriod, когда программная клавиша изменяет высоту области просмотра ... в настоящее время работает над той же проблемой ... это выглядит многообещающе, готово к реализации ... она устанавливает содержимое окна просмотра для экспликации значений px

setTimeout(function () {
    var viewheight = $(window).height();
    var viewwidth = $(window).width();
    var viewport = $("meta[name=viewport]");
    viewport.attr("content", "height=" + viewheight + "px, width=" + 
    viewwidth + "px, initial-scale=1.0");
}, 300);

редактировать: работал как шарм

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...