How to implement such "adaptation"?

Question

css

How to create scalability so that a site screenshot taken on a large monitor is no different from a screen of the same site taken on a small monitor.
That is, that, depending on the resolution of the monitor, the site would not just change the size of the blocks, but that everything would change its size, including the text? So, as if we are stretching the picture (or compressing).
After all, somehow the iPhone manages to render the site on the entire screen, without horizontal sliders.
Not strong in responsive design. I know only elementary things like media and sizes in%. In which direction to dig?

Answer 1

transform scale for body lol)

Answer 2

Desired is not quite "adaptability".
Use meta viewport

Answer 3

<meta name="viewport" content="width=1280">

Answer 4

@mediaand that's all, for example, do not need very old wml browsers?