How to change css to correctly display the responsive version of the page for mobile devices from the keyboard?

Question

css

Hello everyone and happy holidays!
I came across a virtual keyboard case on mobile devices when writing an adaptive version of the site.
There is a form on the site, as soon as you start filling it out on the virtual keyboard, the adaptation of the site breaks down. While there is such a solution, add the height of the screen to the media query.
Tell me, good people, how are you coping?

Answer 1

connect the phone to the pc and debug https://developers.google.com/web/tools/chrome-dev...
see which styles disappear when the keyboard is open, which ones appear. I know that when the keyboard is open, the orientation changes to landscape