Is it possible to implement content scaling on a simple site without media queries?

Question

css

How it is possible to implement HERE such dynamic content scaling? I want to try to implement something similar without media queries. I found information that there are special plugins, but they only scale the font, but I didn’t find anything about pictures.

Answer 1

Specify dimensions in relative units (%, em, rem, vh, vw, vmin, vmax).
You can read about them here .

Answer 2

All sizes are given in em or rem . Using JavaScript, change the font size on the root elements (html or body) depending on the size of the window.

Answer 3

In addition to the previous two answers: add a transition to make it one-to-one