How to solve the problem that the H5 page clicks on the input page on the Android phone and is squeezed up?

I am using flex layout

this is what the Android phone shows when it is turned on. Click input to top the entire layout

.

none of the solutions found on the Internet works. Please do me a favor and kneel down and thank you

.
Mar.30,2021

add a vertical scroll bar to the page


try fixed


I wrote it myself, and I've solved it. The idea is to first get the height of the browser's visual area, and then assign the height to the root of the page div

.
    var hrt = document.documentElement.clientHeight; //hrt
    window.onload = function(){ //
        document.getElementById('app').style.height= hrt+'px'//div
    }

-sharp-sharp

Menu