Cancel the html, the height of the body is 100%, the background is absolutely positioned using the image, the width is 100%, and then the login box is also centered with the same absolute positioning.
I briefly tested it with your code, and it seems there is no problem. Although the pop-up keyboard will reduce the available height of the screen, it feels like it is covering the screen. You can't see it until you scroll to the bottom of the page. The keyboard takes up screen space. I suspect it is caused by other styles of the page. (Tested on iPad and Windows Phone)
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Cancel the html, the height of the body is 100%, the background is absolutely positioned using the image, the width is 100%, and then the login box is also centered with the same absolute positioning.
Automatically try width 100 height
Waiting online, urgent
I briefly tested it with your code, and it seems there is no problem. Although the pop-up keyboard will reduce the available height of the screen, it feels like it is covering the screen. You can't see it until you scroll to the bottom of the page. The keyboard takes up screen space. I suspect it is caused by other styles of the page. (Tested on iPad and Windows Phone)