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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3c755-2bb6a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3c755-2bb6a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?