How to resize layout based on screen width?

Question

css

There are 2 screens: 480px and 1280px. Layout in 1280px should be scaled, resized (I don't know what other verb to choose) to 480px. That is, all layout elements for the desktop should be proportionally reduced to 480px. You know, it also happens when you open a site on your phone without a meta-viewport, and you have to zoom in to see something. In my case, you will have to zoom on tablets and laptops (although everything is clearly visible there even without zoom). When the value of 480px is reached, a breakpoint will be triggered, which will display the layout for mobile devices. That is, the resize should be from 1280px to 480px. Never had to do such a thing. I think I explained it clearly, if something is wrong, I will explain in the comments. Looking forward to your advice and help!

Answer 1

Theoretically, I would most likely try to lay everything out on wv from 480 and above, since scaling is still proportional to the width of the viewport. In practice, some more problems will almost certainly come out, but they must be solved as they become available)