Questions about the flow and operation of css rendering?

I now have a web page that uses a fixed size, 1920 1080px, and now needs to be rewritten to 1080 720px size. Zoom"s method is not good, because almost all of my web pages use fixed px, to use zoom to drag and drop. I want to make the fonts, pictures, and so on in the web page all shrink at a fixed rate, similar to the zoom function of the browser. Can this be realized? Or how to achieve it?

Dec.18,2021

use rem , and js dynamically sets a datum px based on screen width.

in addition, now that the aspect ratio of many screens is over 2:1, it is best to set the maximum width of the web page.

Menu