How to make the viewport so that the layout layout is 400 wide, reduced by 320 screen?

Question

css

Please tell me, there is a page with a minimum width of 400px and a maximum width of 1600 (there are media query transitions between these sizes).
How to fit a 400px layout on smartphones with a width of 320px without scrolling, so that it just shrinks it (reduces it proportionally) to 320?

Answer 1

You can try to make a mobile version of rubber. After all, there are also large phones at 576px

Answer 2

<meta name="viewport" content="width=device-width">

Answer 3

I would not do that)))

@media only screen and (max-width: 399px) {
  html {
    zoom: .8;
  }
}

Answer 4

must be set in this case, the device itself will apply scaling to its width