Во-первых, я хорошо знаю, что этот вопрос задавался ранее, но никогда не было решения, позволяющего устранить проблему на всех устройствах.
Его задавали на vh /% единиц и клавиатурына мобильных устройствах , Игнорировать или отключить изменение размера мобильного окна просмотра из-за открытой клавиатуры для ввода текста в мобильном Интернете? и Клавиатура Android сжимает область просмотра и элементы с помощью unit vh в CSS .
Я исследовал это и попробовал несколько методов JavaScript и jQuery, но не могу найтирешение, которое работает.
Когда клавиатура открывается в мобильном телефоне, она уменьшает высоту области просмотра, текст и ввод, размер которых был vh, становятся короче. Мне нужен способ расчета начальной высоты окна просмотра страницы при ее загрузке, а затем придерживаться этой высоты, даже если область просмотра уменьшается, чтобы все элементы страницы были такой же высоты, как если бы клавиатура отсутствовала.
Нижеэто пример того, как выглядят входы до и после активации клавиатуры, а затем справа - пример желаемого поведения. Я хотел бы основывать vh на начальной высоте видового экрана для мобильных устройств, поскольку все заголовки, текст, значки и входные данные имеют размер vh.
Буду признателен за любую помощь.