How to make the web page maintain full-screen display no matter how the browser size is scaled?

For example, it's like the software for crm. It could also ensure that the contents of the form would not move or shift.
I hope there are experts who can help the newbie.
gratitude
How to use it in the framework. For example, how do I adjust the size of the two sub-frames in a large frame?
I set the bottom to be in pixelation, and the top to be relative. However, when it was expanded, the bottom was all displayed, but when it was expanded to a certain extent, the content page was also covered. I hope the prawns can help.

Answer 1

To make the web page maintain full-screen display no matter how the browser size is scaled, you can refer to the following techniques:
1. Use the `display:flex` property of the CSSes to set the container to the `flex` container so that the web page content can adapt to the size of the container.
2. Use the ` ` element of the browser to convert the drawing to plain text to prevent the drawing from occupying the entire screen.
3 Use libraries such as javelin and jQuery to set the width and height of the page, as well as the width and height of the viewports, so that the content of the web page is always displayed in full screen.

For example, you can use the `display:flex` property of the SSS to set the container:

```
container {
display: flex;
flex-direction: column;
align-items: center;
}
```

Then use the ` ` element in the browser to draw the image:

```

```

Finally, using libraries such as javelin and jQuery to set the width and height of the page, as well as the width and height of the viewports, the content of the web page was always displayed in full screen:

```
$(window)resize(function() {
var canvasWidth = $(#canvas)width();
var canvasHeight = $(#canvas)height();
var screenWidth = windowinnerWidth;
var screenHeight = windowinnerHeight;

if (canvasWidth > screenWidth || canvasHeight > screenHeight) {
the width of $(window)(canvasWidth);
the height of $(window)(canvasHeight);
} else {
the width of $(window);
the height of $(window)(screenHeight);
}
});
```

This way, the webpage would always be displayed on full screen no matter how large or small the browser was.