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.

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-1e48cf6-44d01.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-1e48cf6-44d01.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?